import React from "react";
import { Card, CardBody, CardHeader, CardText, CardTitle } from "../../";

export default (
  <div className="container-fluid">
    <div className="row mb-2">
      <div className="col col-sm-4">
        <Card className="text-white bg-primary mb-3">
          <CardHeader>Header</CardHeader>
          <CardBody>
            <CardTitle>Primary card title</CardTitle>
            <CardText>
              Some quick example text to build on the card title and make up the bulk of the card's
              content.
            </CardText>
          </CardBody>
        </Card>
      </div>
      <div className="col col-sm-4">
        <Card className="text-primary border-primary">
          <CardHeader className="border-primary">Header</CardHeader>
          <CardBody>
            <CardTitle>Primary card title</CardTitle>
            <CardText>
              Some quick example text to build on the card title and make up the bulk of the card's
              content.
            </CardText>
          </CardBody>
        </Card>
      </div>
    </div>
  </div>
);