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

export default (
  <div className="container-fluid">
    <div className="row mb-4">
      <div className="col col-sm-4">
        <Card>
          <CardBody>
            <CardTitle>Card title</CardTitle>
            <CardText>
              Some quick example text to build on the card title and make up the bulk of the card's
              content test test test.
            </CardText>
          </CardBody>
        </Card>
      </div>
      <div className="col col-sm-4">
        <Card>
          <CardBody>
            <CardTitle>Card title</CardTitle>
            <CardSubtitle className="text-muted">Card subtitle</CardSubtitle>
            <CardText>
              Some quick example text to build on the card title and make up the bulk of the card's
              content test test test.
            </CardText>
            <CardLink href="#">Card link</CardLink>
            <CardLink href="#">Another link</CardLink>
          </CardBody>
        </Card>
      </div>
      <div className="col col-sm-4">
        <Card>
          <CardBody>
            <CardTitle>Card title</CardTitle>
            <CardText>
              Some quick example text to build on the card title and make up the bulk of the card's
              content test test test.
            </CardText>
            {/*ToDo: use Button Component*/}
            <button type="button" className="btn btn-primary">
              Primary
            </button>
          </CardBody>
        </Card>
      </div>
    </div>
  </div>
);