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

export default (
  <div className="container-fluid">
    <div className="row mb-2">
      <div className="col col-sm-4">
        <Card>
          <CardImg src="https://via.placeholder.com/150" variant="top" alt="..." />
          <CardBody>
            <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>
          <CardImg src="https://via.placeholder.com/150" variant="top" alt="..." />
          <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.
            </CardText>
            {/*ToDo: use Button Component*/}
            <button type="button" className="btn btn-primary">
              Primary
            </button>
          </CardBody>
        </Card>
      </div>
    </div>
  </div>
);