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=5-6454', {
    props: {
        breakpoint: figma.enum('Breakpoint', {
            'L to XXL (1024 and up)': 'desktop',
            'S to M (320 to 1023px)': 'mobile',
        }),
    },
    example: () => html `<m-carousel>
        <div slot="header">Title</div>
        <m-tile>Slide 1</m-tile>
        <m-tile>Slide 2</m-tile>
        <m-tile>Slide 3</m-tile>
      </m-carousel>`,
});
