// import { type Filter, FilterInput } from '@based/ui'
// import { useState } from 'react'

// export const meta: Based.UI.Extractor.MetaDescriptor = {
//   name: 'Filter Input',
//   group: 'Inputs',
//   section: 'components',
//   icon: 'edit',
//   component: FilterInput,
//   subtitle:
//     'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
//   showApi: true,
//   showUsage: true,
// }

// export const blocks: Based.UI.Extractor.BlocksDescriptor[] = [
//   {
//     name: 'Default',
//     type: 'component',
//     description: 'Et harum quidem rerum facilis est et expedita distinctio.',
//     style: {
//       size: 'small',
//       frame: false,
//       flex: {
//         justifyContent: 'center',
//         alignItems: 'center',
//       },
//     },
//     render: () => {
//       const [value, setValue] = useState<Filter>()
//       return <FilterInput value={value} onChange={setValue} type="user" />
//     },
//   },
// ]
