import figma, { html } from '@figma/code-connect/html';
figma.connect('https://www.figma.com/design/Zyh9RyabNaqkjbuFWP9Aqj/%E2%9C%A8-Components--ADS2---Stable-version-?node-id=6-29597', {
    props: {
        label: figma.string('Label'),
        hasIcon: figma.boolean('Has icon'),
        divider: figma.enum('Is a divider', {
            False: false,
            True: true,
        }),
        appearance: figma.enum('Appearence', {
            Standard: 'standard',
            Danger: 'danger',
        }),
        state: figma.enum('State', {
            Default: 'default',
            Hovered: 'hovered',
            Focused: 'focused',
            Disabled: 'disabled',
        }),
        disabled: figma.enum('State', {
            Disabled: true,
        }),
    },
    example: ({ label, appearance, divider, disabled }) => html `<m-action-listbox-item
        label="${label}"
        appearance="${appearance}"
        divider="${divider}"
        disabled="${disabled}"
      ></m-action-listbox-item>`,
});
