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

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

type Story = StoryObj<typeof Title>
export default meta

export const Default: Story = {
  args: {
    title: 'Aktuelles',
  },
}

export const WithSubtitle: Story = {
  args: {
    title: 'Wahlfahrt Lourdes',
    subtitle: "Sei dabei!"
  },
}

export const Contrast: Story = {
  args: {
    title: 'Aktuelles',
    color: "contrast"
  },
}

export const BigTitle: Story = {
  args: {
    title: 'Veranstaltungen',
    size: 'xl',
    fontStyle: 'serif'
  }
}

export const Centered: Story = {
  args: {
    title: 'Nächste Gottesdienste',
    align: 'center'
  },
}

export const SansSerifMedium: Story = {
  args: {
    title: 'Erntedankfest',
    align: 'left',
    fontStyle: 'sans-serif',
    size: 'md'
  }
}

export const Cancelled: Story = {
  args: {
    title: 'Some event',
    cancelled: true
  }
}