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

export default () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={12}>
          <Radio.Group defaultValue="a">
            <Radio.Button value="a">杭州</Radio.Button>
            <Radio.Button value="b">上海</Radio.Button>
            <Radio.Button value="c" disabled>
              佛山
            </Radio.Button>
          </Radio.Group>
        </Col>
        <Col span={12}>
          <Radio.Group defaultValue="a" buttonStyle="secondaryOutline">
            <Radio.Button value="a">杭州</Radio.Button>
            <Radio.Button value="b">上海</Radio.Button>
            <Radio.Button value="c">佛山</Radio.Button>
          </Radio.Group>
        </Col>
        <Col span={12}>
          <Radio.Group defaultValue="b" disabled>
            <Radio.Button value="a">杭州</Radio.Button>
            <Radio.Button value="b">上海</Radio.Button>
            <Radio.Button value="c">佛山</Radio.Button>
          </Radio.Group>
        </Col>
        <Col span={12}>
          <Radio.Group defaultValue="b" buttonStyle="secondaryOutline" disabled>
            <Radio.Button value="a">杭州</Radio.Button>
            <Radio.Button value="b">上海</Radio.Button>
            <Radio.Button value="c">佛山</Radio.Button>
          </Radio.Group>
        </Col>
      </Row>
    </>
  );
};
