bigcapital/client/src/containers/Sales/Invoice/InvoicesEmptyStatus.js

  import React from 'react';
  import { Button, Intent } from '@blueprintjs/core';
  import { useHistory } from 'react-router-dom';
  import { EmptyStatus } from 'components';

  export default function EstimatesEmptyStatus() {
    const history = useHistory();

    return (
      <EmptyStatus
        title={'The organization does not have invoices, yet!'}
        description={
          <p>
            It is a long established fact that a reader will be distracted by the
            readable content of a page when looking at its layout.
          </p>
        }
        action={
          <>
            <Button
              intent={Intent.PRIMARY}
              large={true}
              onClick={() => {
                history.push('/invoices/new');
              }}
            >
              New sale invoice
            </Button>

            <Button intent={Intent.NONE} large={true}>
              Learn more
            </Button>
          </>
        }
      />
    );
  }