Sha256: 0ad3cc6a8a2e861a6523beb31aab952dc3d68a998bca63f59d51c5e8dbd781be
Contents?: true
Size: 818 Bytes
Versions: 7
Compression:
Stored size: 818 Bytes
Contents
/* @flow */
import React, { Node, useState } from 'react'
import { CircleIconButton, PbReactPopover } from '../../'
const FiltersPopoverProps = { children: Node }
const FiltersPopover = ({ children }: FiltersPopoverProps) => {
const [hide, updateHide] = useState(true)
const toggle = () => updateHide(!hide)
const filterButton = (
<CircleIconButton
icon="filter"
id="filter"
onClick={toggle}
text="filter"
variant="secondary"
/>
)
return (
<PbReactPopover
closeOnClick="outside"
offset
placement="bottom"
reference={filterButton}
shouldClosePopover={updateHide}
show={!hide}
>
<div className="pb-form">
{children}
</div>
</PbReactPopover>
)
}
export default FiltersPopover
Version data entries
7 entries across 7 versions & 1 rubygems