/**
 * Code Connect mapping for MFileUploaderItem
 * Links Figma _file uploader / file item to @mozaic-ds/vue
 */
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=11975-12550',
  {
    props: {
      format: figma.enum('🚫 Format', {
        'Inline (default)': 'inline',
        Stacked: 'stacked',
      }),
      valid: figma.enum('Is invalid', {
        False: true,
        True: false,
      }),
    },
    example: ({ format, valid }) =>
      html`<script setup>
          import { MFileUploaderItem } from '@mozaic-ds/vue';
        </script>

        <MFileUploaderItem
          :file="{ name: 'document.pdf' }"
          format=${format}
          :valid=${valid}
        />`,
  },
);