import * as React from 'react';
import { Col, Radio, Row, Space } from '@btri-ui/base';

export default function App() {
  return (
    <>
      <Space direction="vertical">
        <Radio.Group defaultValue="a" size="large">
          <Radio.Button value="a" iconName="Calendar">
            选项一
          </Radio.Button>
          <Radio.Button value="b" iconName="List">
            选项二
          </Radio.Button>
          <Radio.Button value="c" iconName="List">
            选项三
          </Radio.Button>
        </Radio.Group>
        <Radio.Group defaultValue="a" buttonStyle="secondaryOutline">
          <Radio.Button value="a" iconName="Calendar">
            选项一
          </Radio.Button>
          <Radio.Button value="b" iconName="List">
            选项二
          </Radio.Button>
          <Radio.Button value="c" iconName="List">
            选项三
          </Radio.Button>
        </Radio.Group>
        <Radio.Group defaultValue="a" size="small" buttonStyle="secondarySolid">
          <Radio.Button value="a" iconName="Calendar">
            选项一
          </Radio.Button>
          <Radio.Button value="b" iconName="List">
            选项二
          </Radio.Button>
          <Radio.Button value="c" iconName="List">
            选项三
          </Radio.Button>
        </Radio.Group>
        <Radio.Group defaultValue="a" size="small" buttonStyle="solid">
          <Radio.Button value="a" iconName="Calendar">
            选项一
          </Radio.Button>
          <Radio.Button value="b" iconName="List">
            选项二
          </Radio.Button>
          <Radio.Button value="c" iconName="List">
            选项三
          </Radio.Button>
        </Radio.Group>
        <Radio.Group defaultValue="a">
          <Radio.Button value="a" iconName="Calendar"></Radio.Button>
          <Radio.Button value="b" iconName="List"></Radio.Button>
          <Radio.Button value="c" iconName="List"></Radio.Button>
        </Radio.Group>
        <Radio.Group defaultValue="a" buttonStyle="secondaryOutline">
          <Radio.Button value="a" iconName="Calendar"></Radio.Button>
          <Radio.Button value="b" iconName="List"></Radio.Button>
          <Radio.Button value="c" iconName="List"></Radio.Button>
        </Radio.Group>
        <Radio.Group defaultValue="a" buttonStyle="secondarySolid">
          <Radio.Button value="a" iconName="Calendar"></Radio.Button>
          <Radio.Button value="b" iconName="List"></Radio.Button>
          <Radio.Button value="c" iconName="List"></Radio.Button>
        </Radio.Group>
        <Radio.Group defaultValue="a" buttonStyle="solid">
          <Radio.Button value="a" iconName="Calendar"></Radio.Button>
          <Radio.Button value="b" iconName="List"></Radio.Button>
          <Radio.Button value="c" iconName="List"></Radio.Button>
        </Radio.Group>
      </Space>
    </>
  );
}
