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

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

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

export const OpenStreetMap: Story = {
  args: {
    block: {
      iframe:
        '<iframe width="100%" height="400" frameborder="0" src="https://www.openstreetmap.org/export/embed.html?bbox=10.4,49.9,10.7,50.1&layer=mapnik"></iframe>',
      content: 'Kartenausschnitt Steigerwald.',
    },
  },
};