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

const meta: Meta<typeof ChurchIcon> = {
  component: ChurchIcon,
  decorators: [
    (Story) => <div style={{width: "50px", height: "50px"}} >
      <Story/>
    </div>
  ]
}

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

export const StClara: Story = {
  args: {
    church: "clara",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StChristophorus: Story = {
  args: {
    church: "christophorus",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StRichard: Story = {
  args: {
    church: "richard",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StEduard: Story = {
  args: {
    church: "eduard",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StAnna: Story = {
  args: {
    church: "anna",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StJoseph: Story = {
  args: {
    church: "joseph",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StFranziskus: Story = {
  args: {
    church: "franziskus",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StAntonius: Story = {
  args: {
    church: "antonius",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StMarien: Story = {
  args: {
    church: "marien",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StMaria: Story = {
  args: {
    church: "maria",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StAntoniusFrankenberg: Story = {
  args: {
    church: "antoniusFrankenberg",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}

export const StJohannesNepomuk: Story = {
  args: {
    church: "johannesNepomuk",
    style: "outline",
    stroke: 3,
    color: "#426156",
  },
}