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

import { LxText } from './'

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

export default meta
type Story = StoryObj<typeof meta>

// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
export const Basic = {
  args: {
    children: '文字组件'
  }
} satisfies Story

/**
 * 带上样式
 */
export const WitchStyles = {
  args: {
    ...Basic.args,
    width: 200,
    className: 'custom-class',
    fontWeight: 'bold',
    fontSize: 30,
    mt: 20,
    backgroundColor: 'orange',
    textAlign: 'center'
  }
} satisfies Story

/**
 * 超出内容显示...
 */
export const WitchLine = {
  args: {
    children: '代发收到发生的发生的法撒旦发斯蒂芬为发电房阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿萨德',
    className: 'custom-class',
    fontSize: 30,
    mt: 20,
    line: 1
  }
} satisfies Story