import { ConfigPanelSchema } from '@duckyjs/ducky';

const ColumnChartConfigPanelSchema: ConfigPanelSchema = [
  {
    type: 'input',
    property: 'xField',
    name: 'xField',
    initialValue: '',
  },
  {
    type: 'input',
    property: 'yField',
    name: 'yField',
    initialValue: '',
  },
  {
    type: 'collapse',
    property: 'label',
    name: 'label',
    children: [
      {
        type: 'select',
        property: 'position',
        name: 'position',
        initialValue: '',
        options: [
          { label: 'top', value: 'top' },
          { label: 'middle', value: 'middle' },
          { label: 'bottom', value: 'bottom' },
        ],
      },
      {
        type: 'collapse',
        property: 'style',
        name: 'style',
        children: [
          {
            type: 'input',
            property: 'fill',
            name: 'fill',
            initialValue: '',
          },
          {
            type: 'input-number',
            property: 'opacity',
            name: 'opacity',
            initialValue: 1,
            step: 0.1,
            max: 1,
            min: 0,
          },
        ],
      },
    ],
  },
];

export default ColumnChartConfigPanelSchema;
