import * as React from 'react'

import type { Meta, StoryObj } from '@storybook/react'

import { LxFooter, type ILxFooterSlotLeftRightProps } from './'

// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
const meta = {
  title: '基础组件/LxFooter',
  component: LxFooter,
  argTypes: {
    background: {
      control: 'color'
    }
  }
} satisfies Meta<typeof LxFooter>

export default meta
type Story = StoryObj<typeof meta>

// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
/**
 * 仅仅传递 children
 */
export const Basic = {
  args: {
    children: '底部区域 仅传递 children'
  }
} satisfies Story

/**
 * 样式属性
 */
export const WitchStyles = {
  args: {
    children: '样式属性',
    className: 'custom-class',
    background: 'orange',
    height: 50
  }
} satisfies Story

/**
 * 仅仅传递 children
 */
export const SlotLeftAndRight = {
  args: {
    slotLeft: <>left</>,
    slotRight: <>right</>
  }
} satisfies StoryObj<Meta<typeof LxFooter<ILxFooterSlotLeftRightProps>>>
