import type { Meta, StoryObj } from '@storybook/sveltekit';
import FilesBlock from './FilesBlock.svelte';

const meta = {
  title: 'CMS-Blocks/Files',
  component: FilesBlock,
  tags: ['autodocs'],
  argTypes: { block: { control: 'object' } },
} satisfies Meta<typeof FilesBlock>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Standard: Story = {
  // addon-a11y's Live-Scan crasht in Docs-Mode bei echten fokussierbaren
  // <a>-Elementen (react-aria Cross-Iframe-Bug, Storybook 10). Files ist die
  // einzige Story mit echten Links → hier deaktivieren.
  parameters: { a11y: { test: 'off' } },
  args: {
    block: {
      number: '08',
      kicker: 'Downloads',
      headline: 'Dokumente',
      action: { url: '/downloads', linkName: 'Alle Downloads' },
      description: 'Downloads zum Verfahren',
      items: [
        {
          src: 'https://cms.pm86.de/api/assets/files/beispiel.pdf?_environment=windwiderstand',
          title: 'Einwendung Vorlage',
          description: 'Zum Ausfüllen und Einreichen beim zuständigen Landratsamt',
          mime: 'application/pdf',
          size: 248000,
          filename: 'einwendung-vorlage.pdf',
        },
        {
          src: 'https://cms.pm86.de/api/assets/files/karte.pdf?_environment=windwiderstand',
          title: 'Übersichtskarte',
          mime: 'application/pdf',
          size: 1240000,
          filename: 'uebersichtskarte.pdf',
        },
      ],
    },
  },
};