text: import Page from 'components/Page';
  import React from 'react';
  import {
    Card,
    CardBody,
    CardImg,
    CardText,
    CardTitle,
    Col,
    Row,
  } from 'reactstrap';
  
  const ReferralsPage = () => {
    return (
      <Page title="Referrals" breadcrumbs={[{ name: 'Referrals', active: true }]}>
        <Row>
          <Col md={6} sm={6} xs={12} className="mb-3">
            <Card className="flex-row">
              <CardBody>
                <CardTitle>Hello Referrals!</CardTitle>
                <CardText>
                  ...
                </CardText>
              </CardBody>
            </Card>
          </Col>
        </Row>
      </Page>
    );
  };
  
  export default ReferralsPage;