import { Meta, StoryObj } from '@storybook/nextjs-vite'
import { RawHTML } from './RawHTML'

const meta: Meta<typeof RawHTML> = {
  component: RawHTML,
}

type Story = StoryObj<typeof RawHTML>
export default meta

export const Default: Story = {
  args: {
    html: '<h3>Willkommen</h3><p>Dies ist ein Absatz mit <strong>fettem</strong> und <em>kursivem</em> Text.</p>',
  },
}

export const WithList: Story = {
  args: {
    html: '<h3>Gottesdienste</h3><ul><li>Sonntag 10:00 Uhr</li><li>Mittwoch 18:30 Uhr</li><li>Freitag 18:30 Uhr</li></ul>',
  },
}

export const WithLink: Story = {
  args: {
    html: '<p>Besuchen Sie <a href="https://example.com">unsere Website</a> für weitere Informationen.</p>',
  },
}
