import Button from '..';
import Icon from '../../icon';
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <div>
    <Button.Group style={{ marginRight: 20 }}>
      <Button type="primary">OK</Button>
      <Button type="secondary">Cancel</Button>
    </Button.Group>

    <Button.Group style={{ marginRight: 20 }}>
      <Button key="1" type="secondary">按钮文案</Button>
      <Button key="2" type="secondary">按钮文案</Button>
      <Button key="3" type="secondary">按钮文案</Button>
    </Button.Group>

    <Button.Group style={{ marginRight: 20 }}>
      <Button disabled key="1" type="secondary">二级按钮</Button>
      <Button disabled key="2" type="secondary">二级按钮</Button>
      <Button disabled key="3" type="secondary">二级按钮</Button>
    </Button.Group>

    <Button.Group>
      <Button key="1" disabled type="primary">主要按钮</Button>
      <Button key="2" disabled type="secondary">二级按钮</Button>
    </Button.Group>
    <br />
    <br />

    <Button.Group style={{ marginRight: 20 }}>
      <Button key="1" type="primary"><Icon type="arrow-left" /> Backward</Button>
      <Button key="2" type="secondary">Forward <Icon type="arrow-right" /></Button>
    </Button.Group>

    <Button.Group>
      <Button key="1" type="primary"><Icon type="prompt" /></Button>
      <Button key="2" type="secondary"><Icon type="clock" /></Button>
      <Button key="3" type="secondary"><Icon type="set" /></Button>
    </Button.Group>
  </div>, document.getElementById('button-demo-8'));