Sha256: c709ddef304d2a5984c163c6798b484e3247ff93b33d3eddabb1806e51327d15
Contents?: true
Size: 1.45 KB
Versions: 112
Compression:
Stored size: 1.45 KB
Contents
import React from 'react'
import Filter from '../_filter'
import Button from '../../pb_button/_button'
import Flex from '../../pb_flex/_flex'
import Select from '../../pb_select/_select'
import TextInput from '../../pb_text_input/_text_input'
const FilterSingle = (props) => {
const options = [
{ value: 'USA' },
{ value: 'Canada' },
{ value: 'Brazil' },
{ value: 'Philippines' },
{ value: 'A Galaxy Far Far Away Like Really Far Away' },
]
return (
<Filter
filters={{
'Full Name': 'John Wick',
}}
results={546}
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' }]}
{...props}
>
<TextInput
label="Full Name"
placeholder="Enter name"
{...props}
/>
<Select
blankSelection="Select One..."
label="Territory"
name="location"
options={options}
{...props}
/>
<Flex
spacing="between"
{...props}
>
<Button
text="Apply"
{...props}
/>
<Button
text="Clear"
variant="secondary"
{...props}
/>
</Flex>
</Filter>
)
}
export default FilterSingle
Version data entries
112 entries across 112 versions & 1 rubygems