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

export default (
  <>
    <div className="m-5">
      <Button className="mr-2" size="lg">
        Large button
      </Button>
      <Button variant="secondary" size="lg">
        Large button
      </Button>
    </div>
    <div className="m-5">
      <Button className="mr-2">Button</Button>
      <Button variant="secondary">Button</Button>
    </div>
    <div className="m-5">
      <Button className="mr-2" size="sm">
        Small button
      </Button>
      <Button variant="secondary" size="sm">
        Small button
      </Button>
    </div>
    <div className="m-5">
      <Button className="mr-2" block={true}>
        Block level button
      </Button>
      <Button variant="secondary" block={true}>
        Block level button
      </Button>
    </div>
    <div className="m-5">
      <Button className="w-100 d-flex justify-content-center">Width 100% button</Button>
    </div>
  </>
);