import { GamaProp } from '@win2win/shared';
import Checkbox from 'src/components/common-ww/inputs/Checkbox.vue';
import Datepicker from 'src/components/common-ww/inputs/Datepicker.vue';
import Input from 'src/components/common-ww/inputs/Input.vue';
import Select from 'src/components/common-ww/inputs/Select.vue';
import { Component } from 'vue';

export const CONTROL_COMPONENTS: Partial<Record<GamaProp['controlType'], { component: Component; props: Record<string, any> }>> = {
  input_text: {
    component: Input,
    props: {
      type: 'text',
    },
  },
  input_number: {
    component: Input,
    props: {
      type: 'number',
    },
  },
  date: {
    component: Datepicker,
    props: {},
  },
  time: {
    component: Datepicker,
    props: {},
  },
  select: {
    component: Select,
    props: {
      clearable: true,
    },
  },
  cards_select: {
    component: Select,
    props: {
      clearable: true,
    },
  },
  checkbox: {
    component: Checkbox,
    props: {},
  },
};