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

// Leaflet-Karte mit Organisations-Markern (location.lat/lng nötig). Kartentiles
// laden von externem Tile-Server bei Netzzugriff.
const meta = {
  title: 'CMS-Blocks/OrganisationsMap',
  component: OrganisationsMapBlock,
  tags: ['autodocs'],
  argTypes: { block: { control: 'object' } },
} satisfies Meta<typeof OrganisationsMapBlock>;

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

export const Standard: Story = {
  args: {
    block: {
      number: '05',
      kicker: 'Karte',
      headline: 'Organisationen in der Region',
      action: { url: '/adressbuch', linkName: 'Alle anzeigen' },
      organisations: [
        { name: 'BI Steigerwald', location: { text: 'Schleusingen', lat: 50.51, lng: 10.75 } },
        { name: 'Waldfreunde e.V.', location: { text: 'Ebrach', lat: 49.85, lng: 10.5 } },
        { name: 'Naturschutz Nord', location: { text: 'Bamberg', lat: 49.89, lng: 10.9 } },
      ],
    },
  },
};