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

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