import type { Meta, StoryObj } from '@storybook/sveltekit';
import CalendarCompactBlock from './CalendarCompactBlock.svelte';
// Übersetzungen laufen über die `translations`-Prop (nicht Context), s. CalendarBlock.
import translations from './_fixtures/translations.json';

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

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

const items = [
  {
    _slug: 'infoabend',
    title: 'Infoabend Schleusingen',
    terminZeit: '2026-08-15T18:00:00Z',
    location: { text: 'Rathaus Schleusingen' },
  },
  {
    _slug: 'wanderung',
    title: 'Waldwanderung',
    terminZeit: '2026-08-23T10:00:00Z',
    location: { text: 'Parkplatz Waldrand' },
  },
  { _slug: 'stammtisch', title: 'Stammtisch', terminZeit: '2026-09-05T19:00:00Z' },
];

export const Standard: Story = {
  args: {
    block: {
      title: 'Nächste Termine',
      variant: 'compact',
      fromPost: false,
      limit: 3,
      linkTo: { _slug: 'termine' },
      items,
    },
    translations,
  },
};