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

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

type Story = StoryObj<typeof Banner>
export default meta

export const Default: Story = {
  args: {},
}

export const CustomText: Story = {
  args: {
    textLine1: 'Willkommen in der',
    textLine2: 'Gemeinde',
    textLine3: 'Berlin-Neukölln',
  },
}

export const CustomBackground: Story = {
  args: {
    backgroundColor: '#2a4a7f',
    backgroundSize: 'contain',
    backgroundPosition: 'top left',
  },
}

export const BottomRight: Story = {
  args: {
    backgroundColor: '#4a2a7f',
    backgroundSize: 'cover',
    backgroundPosition: 'bottom right',
  },
}
