// import { ReferenceInput } from '@based/ui'
// import { useState } from 'react'

// export const meta: Based.UI.Extractor.MetaDescriptor = {
//   name: 'Reference Input',
//   group: 'Inputs',
//   section: 'components',
//   icon: 'edit',
//   component: ReferenceInput,
//   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: 'Single',
//     type: 'component',
//     description:
//       'Single variant of ReferenceInput for selecting a single user.',
//     style: {
//       size: '100%',
//     },
//     render: () => {
//       const [value, setValue] = useState<string>()
//       return (
//         <ReferenceInput
//           variant="single"
//           value={value}
//           onChange={setValue}
//           type="user"
//           endpoints={{
//             query: 'get-data',
//             schema: 'get-schema',
//           }}
//         />
//       )
//     },
//   },
//   {
//     name: 'Multiple',
//     type: 'component',
//     description:
//       'Multiple variant of ReferenceInput for selecting multiple users.',
//     style: {
//       size: '100%',
//     },
//     render: () => {
//       const [value, setValue] = useState<string[]>()
//       return (
//         <ReferenceInput
//           variant="multiple"
//           value={value}
//           onChange={setValue}
//           type="user"
//           endpoints={{
//             query: 'get-data',
//             schema: 'get-schema',
//           }}
//         />
//       )
//     },
//   },
// ]
