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

const meta: Meta<typeof PopupButton> = {
  component: PopupButton,
  decorators: [
    (Story) => (
      <div style={{display: 'flex', alignItems: 'center', height: '100vh'}}>
        <div style={{margin: "auto"}}>
          <Story />
        </div>
      </div>
    )
  ]
}

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

export const Default: Story = {
  args: {
    text: "Vermeldungen",
    title: "Vermeldungen",
    links: [
      {
        id: "link_1",
        text: "St. Clara",
        href: "https://disney.com"
      },
      {
        id: "link_2",
        text: "St. Anna",
        href: "https://disney.com"
      },
      {
        id: "link_3",
        text: "St. Eduard",
        href: "https://disney.com"
      }
    ]
  },
}