<script lang="ts" setup>
  import { BasicForm, FormSchema, useForm } from '/@/components/Form';
  import { ComponentType, ColEx } from '/@/components/Form/src/types/index';

  withDefaults(
    defineProps<{
      component?: ComponentType;
      itemColProps?: Partial<ColEx>;
    }>(),
    {
      component: 'Switch',
      itemColProps: () => ({ span: 12 } as Partial<ColEx>),
    }
  );

  const [registerForm, {}] = useForm({
    showActionButtonGroup: false,
    schemas: Array.from({ length: 3 }).map((_item, index) => {
      return {
        field: index.toString(),
        label: index.toString(),
        component: 'Switch',
      } as FormSchema;
    }),
    // baseColProps,
  });
</script>

<template>
  <BasicForm @register="registerForm" />
</template>