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=10726-18528', {
    props: {
        hasShadow: figma.boolean('Has shadow'),
        cancel: figma.boolean('Has cancel action'),
        stepState: figma.enum('Step', {
            Start: 0,
            Middle: 1,
            End: 2,
        }),
        breakpoint: figma.enum('Breakpoint', {
            'S (320 to 679px)': 's',
            'M to XXL (680px and up)': 'm',
        }),
    },
    example: ({ cancel, stepState }) => html `<m-stepper-bottom-bar
        step="${stepState}"
        steps="2"
        cancel="${cancel}"
      ></m-stepper-bottom-bar>`,
});
