web/packages/design-system/lib/components/MessageBanner/MessageBanner.stories.tsx

import type { Meta, StoryObj } from '@storybook/nextjs-vite'
import { MessageBanner } from './index'

type MessageBannerType = 'default' | 'error' | 'info'
type TextColor = 'default' | 'error'

const meta: Meta<typeof MessageBanner> = {
  title: 'Components/MessageBanner',
  component: MessageBanner,
  argTypes: {
    type: {
      control: { type: 'select' },
      options: ['default', 'error', 'info'] as MessageBannerType[],
    },
    textColor: {
      control: { type: 'select' },
      options: ['default', 'error'] as TextColor[],
    },
    text: { control: 'text' },
  },
}

export default meta
type Story = StoryObj<typeof MessageBanner>

export const Default: Story = {
  args: {
    type: 'default',
    textColor: 'default',
    text: 'This is a default message',
  },
}

export const Warning: Story = {
  args: {
    type: 'error',
    textColor: 'default',
    text: 'This is a warning message',
  },
}

export const WarningErrorText: Story = {
  args: {
    type: 'error',
    textColor: 'error',
    text: 'Warning with error text color',
  },
}

export const Info: Story = {
  args: {
    type: 'info',
    textColor: 'default',
    text: 'This is an info message',
  },
}

export const InfoErrorText: Story = {
  args: {
    type: 'info',
    textColor: 'error',
    text: 'Info with error text color',
  },
}