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

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

export const 标签: ComponentStory<typeof OPTag> = (): JSX.Element => {
  return (
    <div>
      <OPTag>正常</OPTag>
      <OPTag type='error'>正常</OPTag>
      <OPTag type='success'>正常</OPTag>
      <OPTag type='warning'>正常</OPTag>
      <OPTag type='disabled'>正常</OPTag>
      <OPTag
        color='white'
        backGroundColor='pink'
        style={{
          'font-size': '14px',
          color: 'red',
        }}
      >
        自定义颜色
      </OPTag>
    </div>
  );
};