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>
      <Button disabled>Left</Button>
      <Button disabled>Middle</Button>
      <Button disabled>Right</Button>
    </Button.Group>
    <br />
    <br />

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

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