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

// export const meta: Based.UI.Extractor.MetaDescriptor = {
//   name: 'Color Input',
//   group: 'Inputs',
//   section: 'components',
//   icon: 'edit',
//   component: ColorInput,
//   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: '100%',
//       frame: false,
//       flex: {
//         justifyContent: 'center',
//         alignItems: 'center',
//       },
//     },
//     render: () => {
//       const [value, setValue] = useState<string>()
//       return <ColorInput value={value} onChange={setValue} />
//     },
//   },
// ]
