import React from "react";
import { Button } from "../../";

export default (
  <div className="m-5">
    <Button variant="outline-primary" className="mr-2">
      Primary
    </Button>
    <Button variant="outline-secondary" className="mr-2">
      Secondary
    </Button>
    <Button variant="outline-success" className="mr-2">
      Success
    </Button>
    <Button variant="outline-danger" className="mr-2">
      Danger
    </Button>
    <Button variant="outline-warning" className="mr-2">
      Warning
    </Button>
    <Button variant="outline-info" className="mr-2">
      Info
    </Button>
    <Button variant="outline-light" className="mr-2">
      Light
    </Button>
    <Button variant="outline-dark" className="mr-2">
      Dark
    </Button>
    <Button variant="outline-white" className="mr-2">
      White
    </Button>
  </div>
);
