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

export default (
  <div className="m-5">
    <Badge variant="primary" pill={true} className="mr-2">
      Primary
    </Badge>
    <Badge variant="secondary" pill={true} className="mr-2">
      Secondary
    </Badge>
    <Badge variant="success" pill={true} className="mr-2">
      Success
    </Badge>
    <Badge variant="danger" pill={true} className="mr-2">
      Danger
    </Badge>
    <Badge variant="warning" pill={true} className="mr-2">
      Warning
    </Badge>
    <Badge variant="info" pill={true} className="mr-2">
      Info
    </Badge>
    <Badge variant="light" pill={true} className="mr-2">
      Light
    </Badge>
    <Badge variant="dark" pill={true} className="mr-2">
      Dark
    </Badge>
  </div>
);
