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

ReactDOM.render(<div>
  <Box direction="row" spacing={20}>
    <Button type="primary" size="large"><Icon type="atm" />Large</Button>
    <Button type="primary"><Icon type="atm" />Medium</Button>
    <Button type="primary" size="small"><Icon type="atm" />Small</Button>
    <Button type="primary" size="xs"><Icon type="atm" />Tiny</Button>
  </Box>
  <br />
  <Button.Group size="large">
    <Button className="basic-button">Button</Button>
    <Button className="basic-button">Button</Button>
    <Button className="basic-button">Button</Button>
  </Button.Group>
</div>, document.getElementById('button-demo-7'));