import React, { Component } from 'react'
import { ButtonGroup, Button } from 'react-bootstrap'

export default class extends Component {
  static styleguide = {
    index: '01.3',
    category: 'Atoms - Buttons',
    title: 'Button groups',
    description: 'Group a series of buttons together on a single line with the button group.',
    code: `
<ButtonGroup>
  <Button>Left</Button>
  <Button>Middle</Button>
  <Button>Right</Button>
</ButtonGroup>
    `
  }

  render () {
    return (
      <ButtonGroup>
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
      </ButtonGroup>
    )
  }
}
