import React from 'react'

import Filter from 'react-searchable-filter'
import 'react-searchable-filter/dist/index.css'

const App = () => {
  const data = [
    {
      filterBy: 'username',
      description: 'filter by username',
      values: ['John', 'Albert', 'Robert']
    },
    {
      filterBy: 'status',
      values: ['finished', 'not-finished', 'pending'],
      description: 'filter by status'
    }
  ]
  return <Filter options={data} placeholder='Filter users' />
}