import figma, { html } from '@figma/code-connect/html';
figma.connect('https://www.figma.com/design/Zyh9RyabNaqkjbuFWP9Aqj/branch/tOAc8mV1PF5g0tjBfSbUXA/%E2%9C%A8-Components--ADS2---Stable-version-?node-id=6-26997', {
    props: {
        full: figma.enum('Full width', {
            True: true,
            False: false,
        }),
        size: figma.enum('Size', {
            S: 's',
            M: 'm',
        }),
        segments: figma.enum('Segments', {
            '2': '[{"id":"segment-1","label":"Label"},{"id":"segment-2","label":"Label"}]',
            '3': '[{"id":"segment-1","label":"Label"},{"id":"segment-2","label":"Label"},{"id":"segment-3","label":"Label"}]',
        }),
    },
    example: ({ full, size, segments }) => html `<m-segmented-control
        full="${full}"
        size="${size}"
        selected="0"
        segments="${segments}"
      ></m-segmented-control>`,
});
