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

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