Sha256: d554a36e0d817db217d7a1741ca4680bafc0eb90068cc3e3f688558a2eecc4b0
Contents?: true
Size: 1.46 KB
Versions: 4
Compression:
Stored size: 1.46 KB
Contents
import React from 'react'
import { Button, Filter, Flex, Select, TextInput } from '../../'
const FilterClosePopover = (props) => {
const options = [
{ value: 'USA' },
{ value: 'Canada' },
{ value: 'Brazil' },
{ value: 'Philippines' },
{ value: 'A galaxy far far away, like really far away...' },
]
return (
<Filter
{...props}
filters={{
'Full Name': 'John Wick',
'City': 'San Francisco',
}}
minWidth="375px"
results={1}
sortOptions={{
popularity: 'Popularity',
// eslint-disable-next-line
manager_title: 'Manager\'s Title',
// eslint-disable-next-line
manager_name: 'Manager\'s Name',
}}
sortValue={[{ name: 'popularity', dir: 'desc' }]}
>
{({ closePopover }) => (
<form>
<TextInput
label="Full Name"
placeholder="Enter name"
/>
<Select
blankSelection="Select One..."
label="Territory"
name="location"
options={options}
/>
<Flex
spacing="between"
>
<Button
onClick={closePopover}
text="Apply"
/>
<Button
text="Clear"
variant="secondary"
/>
</Flex>
</form>
)}
</Filter>
)
}
export default FilterClosePopover
Version data entries
4 entries across 4 versions & 1 rubygems