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

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

type Story = StoryObj<typeof Row>
export default meta

export const Default: Story = {
  args: {
    children: (
      <>
        <div>Erste Spalte</div>
        <div>Zweite Spalte</div>
        <div>Dritte Spalte</div>
      </>
    ),
  },
}

export const WithGap: Story = {
  args: {
    gap: 32,
    children: (
      <>
        <div>Links</div>
        <div>Rechts</div>
      </>
    ),
  },
}

export const CenterAligned: Story = {
  args: {
    alignItems: 'center',
    gap: 16,
    children: (
      <>
        <div style={{ height: 40 }}>Kurz</div>
        <div style={{ height: 100 }}>Lang</div>
      </>
    ),
  },
}