> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tight.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cash Flow Statement

> Track the flow of cash in and out of your business

## Overview

A Cash Flow Statement (aka CFS, Statement of Cash Flows, or SCF) is a financial statement that provides a detailed overview of a business's cash movement during a specific period. The CFS provides insight into the business's operating, investing, and financing activities. This information helps the business understand their cash on hand, which informs their ability to operate in the short-term and long-term as well as their ability to fund business operations.

Tight provides an indirect CFS, which is divided into 3 sections:

* Operating Activities - This section includes the business's cash flow from core operations, including income generated and expenses paid
* Investing Activities - This section includes the business's cash flow from selling or purchasing assets
* Financing Activities - This section includes the business's cash flow from equity and debt

The bottom of the CFS summarizes the beginning and ending cash and the resulting cash on hand at the end of the reporting period.

## Embedding the interactive Cash Flow Statement

To initialize the Tight Embedded experience in your React project, follow the instructions on [Embedding Tight's white-labeled UI](/embeddable-ui/react/patterns/embedding).

Below is an example embedding of the Cash Flow Statement:

```TSX CashFlow.tsx theme={null}
import { CashFlowStatement, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function CashFlowReport({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <CashFlowStatement />
      </Tight>
    )
}
```

## Props

<ParamField body={"filters"}>
  <Expandable title={"filters"}>
    <ParamField body={"dimensionValues"}>
      Dimension value filter

      <Expandable title={"child attributes"}>
        <ParamField body={"id"} type={"object"}>
          Id filter - returns all entities with the following attachments.

          <Expandable title={"child attributes"}>
            <ParamField body={"in"} type={"string[]"}>
              List of values to include.
            </ParamField>
          </Expandable>
        </ParamField>
      </Expandable>
    </ParamField>

    <ParamField body={"dateRange"} type={"object"} post={["optional"]}>
      The date range for which to show the report.

      Passing in a value for this prop turns this into a controlled component. As such, you must also pass the
      `onChangeDateRange` prop to set the new value in the parent component.

      <Expandable title={"fields"}>
        <ParamField body={"start"} type={"string"}>
          The beginning of the range, inclusive.
        </ParamField>

        <ParamField body={"end"} type={"string"}>
          The end of the range, inclusive.
        </ParamField>
      </Expandable>
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body={"grouping"} type={"string"} post={["optional"]}>
  The time period grouping of the report (e.g. for creating a month-over-month report).

  Available options: `NONE`, `MONTHLY`, `QUARTERLY`, `YEARLY`
</ParamField>

<ParamField body={"onChangeGrouping"} type={"function"} post={["optional"]}>
  A function that is called whenever the user changes the grouping from the dashboard.
  This function will only be invoked if the `grouping` prop is also provided. The callback takes a `grouping` as its single
  argument.
</ParamField>

<ParamField body={"onChangeFilters"} type={"function"} post={["optional"]}>
  A function that is called whenever the user changes the filters from the dashboard.
  This function will only be invoked if the `filters` prop is also provided. The callback takes `filters` as its single
  argument.
</ParamField>