"use strict";

import React from "react";

import { Alert } from "../../";

export default (
  <div className="m-5">
    <Alert variant={"primary"} dismissible={true}>
      This is a <strong>{"primary"}</strong> alert—check it out!
    </Alert>

    <Alert variant={"secondary"}>
      This is a <strong>{"secondary"}</strong> alert—check it out!
    </Alert>

    <Alert variant={"success"} dismissible={true}>
      This is a <strong>{"success"}</strong> alert—check it out!
    </Alert>

    <Alert variant={"danger"}>
      This is a <strong>{"danger"}</strong> alert—check it out!
    </Alert>

    <Alert variant={"warning"} dismissible={true}>
      This is a <strong>{"warning"}</strong> alert—check it out!
    </Alert>

    <Alert variant={"light"}>
      This is a <strong>{"light"}</strong> alert—check it out!
    </Alert>

    <Alert variant={"dark"} dismissible={true}>
      This is a <strong>{"dark"}</strong> alert—check it out!
    </Alert>
  </div>
);