import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { OPLabel } from '../../src/index';

export default {
  title: '组件/数据展示/OPLabel',
  component: OPLabel,
} as ComponentMeta<typeof OPLabel>;

export const 标签: ComponentStory<typeof OPLabel> = (): JSX.Element => {
  return (
    <div>
      <OPLabel label='1298797329479324792' />
      <br />
      <OPLabel label='1298797329479324792' highlightLength={-2} />
      <br />
      <OPLabel
        label='1298797329479324792'
        highlightLength={-2}
        maxLength={10}
      />
      <br />
      <OPLabel
        label='1298797329479324792'
        highlightLength={-2}
        maxLength={10}
        color={'#f03f30'}
        fontSize={24}
      />
      <br />
    </div>
  );
};
