import { t } from '../../src/locale';
import snippets from './snippets';

export default {
  snippets,
  componentName: 'Input.Group',
  "group":t('inputGroup.key_rAA8ctArs9q2'),
  title: t('inputGroup.key_vPpLWlg3dKG9'),
  category: t('inputGroup.key_zJBRfGvNB1Z3'),
  props: [
    {
      name: 'compact',
      title: { label: t('inputGroup.key_wta9ZymsmSll'), tip: t('inputGroup.key_p7CApPWAQIkC') },
      propType: 'bool',
      setter: 'BoolSetter'
    },
    {
      name: 'size',
      title: { label: t('inputGroup.key_7PORQc4vZtyR'), tip: t('inputGroup.key_kqxKlzwwVHLN') },
      propType: { type: 'oneOf', value: ['large', 'default', 'small'] },
      setter: {
        componentName: 'RadioGroupSetter',
        props: {
          options: [
            {
              title: t('inputGroup.key_vU4PIMDqVaq3'),
              value: 'large',
            },
            {
              title: t('inputGroup.key_i9ee53DBKfBo'),
              value: 'middle',
            },
            {
              title: t('inputGroup.key_MrVDmNbFeuhT'),
              value: 'small',
            },
          ],
        },
      },
      defaultValue: 'default',
    },
  ],
  configure: { component: { isContainer: true }, supports: { style: true } },
};
