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

figma.connect(
  'https://www.figma.com/design/Zyh9RyabNaqkjbuFWP9Aqj/%E2%9C%A8-Components--ADS2---Stable-version-?node-id=6-21635',
  {
    imports: ["import { StatusDot } from '@mozaic-ds/web-components/svelte';"],
    props: {
      status: figma.enum('Status', {
        Information: 'info',
        Success: 'success',
        Warning: 'warning',
        Error: 'error',
        Neutral: 'neutral',
      }),
      size: figma.enum('Size', {
        'S (4px)': 's',
        'M (8px)': 'm',
        'L (16px)': 'l',
      }),
    },
    example: ({ status, size }) => <StatusDot status={status} size={size}></StatusDot>,
  },
);
