import React from 'react'

import { Button, ButtonToolbar } from 'playbook-ui'

const ButtonToolbarDefault = (props) => (
  <div className="pb--doc-demo-row">
    <ButtonToolbar
        orientation="vertical"
    >
      <Button
          text="Create"
      />
      <Button
          text="Edit"
      />
      <Button
          text="Copy"
      />
      <Button
          text="Cut"
      />
    </ButtonToolbar>

    <ButtonToolbar
        orientation="horizontal"
    >
      <Button
          text="Create"
      />
      <Button
          text="Edit"
      />
      <Button
          text="Copy"
      />
      <Button
          text="Cut"
      />
    </ButtonToolbar>
  </div>
)

export default ButtonToolbarDefault

import React from 'react'

import { default as Button, default as ButtonToolbar } from 'playbook-ui'

const ButtonToolbarSecondary = (props) => (
  <div className="pb--doc-demo-row">
    <ButtonToolbar
        orientation="vertical"
        variant="secondary"
    >
      <Button
          text="Create"
          variant="secondary"
      />
      <Button
          text="Edit"
          variant="secondary"
      />
      <Button
          text="Copy"
          variant="secondary"
      />
      <Button
          text="Cut"
          variant="secondary"
      />
    </ButtonToolbar>

    <ButtonToolbar
        orientation="horizontal"
        variant="secondary"
    >
      <Button
          text="Create"
          variant="secondary"
      />
      <Button
          text="Edit"
          variant="secondary"
      />
      <Button
          text="Copy"
          variant="secondary"
      />
      <Button
          text="Cut"
          variant="secondary"
      />
    </ButtonToolbar>
  </div>
)

export default ButtonToolbarSecondary