text: import React from 'react';
  import { Card, CardBody, Button, CardTitle, CardText, CardImg } from 'reactstrap';
  
  const Example = (props) => {
    return (
      <div>
        <Card>
          <CardImg top width="100%" src="https://picsum.photos/318/180" alt="Card image cap" />
          <CardBody>
            <CardTitle>Card Title</CardTitle>
            <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CardText>
            <CardText>
              <small className="text-muted">Last updated 3 mins ago</small>
            </CardText>
          </CardBody>
        </Card>
        <Card>
          <CardBody>
            <CardTitle>Card Title</CardTitle>
            <CardText>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</CardText>
            <CardText>
              <small className="text-muted">Last updated 3 mins ago</small>
            </CardText>
          </CardBody>
          <CardImg bottom width="100%" src="https://picsum.photos/318/180" alt="Card image cap" />
        </Card>
      </div>
    );
  };
  
  export default Example;
  