import figma from '@figma/code-connect';

figma.connect(
  'https://www.figma.com/design/Zyh9RyabNaqkjbuFWP9Aqj/%E2%9C%A8-Components--ADS2---Stable-version-?node-id=156-18948',
  {
    imports: ["import { TileSelectable } from '@mozaic-ds/web-components/svelte';"],
    props: {
      checked: figma.enum('Is selected', {
        False: false,
        True: true,
      }),
      inputtype: figma.enum('Multi-select', {
        False: 'radio',
        True: 'checkbox',
      }),
      inputposition: figma.enum('Input on the left', {
        False: 'right',
        True: 'left',
      }),
      centered: figma.enum('Centered input', {
        False: false,
        True: true,
      }),
    },
    example: ({ checked, inputtype, inputposition, centered }) => (
      <TileSelectable
        checked={checked}
        inputtype={inputtype}
        inputposition={inputposition}
        centered={centered}
      >
        Tile selectable
      </TileSelectable>
    ),
  },
);
