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

import { LxPrice } from './'

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

export default meta
type Story = StoryObj<typeof meta>

/**
 * 基本用法，仅仅传递 price 字段(分)
 */
export const Basic = {
  args: {
    price: 12345
  }
} satisfies Story

/**
 * 带上可选参数
 */
export const BasicWitchOptions = {
  args: {
    ...Basic.args,
    // 可选参数部分
    color: '#FF4500',
    symbolSize: 14,
    priceSize: 50,
    decimalSize: 14,
    bold: true
  }
} satisfies Story