import { PlatformType } from './panelDetail';
import { FormSchema } from '/@/components/Form';
import { ColEx } from '/@/components/Form/src/types';
import { useGridLayout } from '/@/hooks/component/useGridLayout';
import { useI18n } from '/@/hooks/web/useI18n';

const { t } = useI18n();

export const formSchema: FormSchema[] = [
  {
    field: 'name',
    label: t('visual.board.searchName'),
    component: 'Input',
    // colProps: { span: 10 },
    colProps: useGridLayout(2, 3, 4) as unknown as ColEx,
  },
  {
    field: 'platform',
    label: t('common.platformText'),
    component: 'Select',
    colProps: useGridLayout(2, 3, 4) as unknown as ColEx,
    componentProps: {
      options: [
        { label: t('common.pcText'), value: PlatformType.PC },
        { label: t('common.phoneText'), value: PlatformType.PHONE },
      ],
    },
  },
];