title: Is there a way to style individual cell using react-table based on the value?
body: <p>I want to style individual cell in react-table but I am not able to do so.</p>
  <pre><code>const MOCK_DATA = [
    {
      amount: 1000,
      status: `SUCCESS`,
      updatedAt: 1629181927,
    },
    {
      amount: 2000,
      status: `FAILED`,
      updatedAt: 1629181927,
    },
  ];
  </code></pre>
  <pre><code>export const COLUMNS = [
    {
      Header: 'Date',
      accessor: 'transactionDate',
    },
    {
      Header: 'Amount',
      accessor: 'amount',
    },
    {
      Header: 'Status',
      accessor: 'status',
    },
  ];
  </code></pre>
  <p>This is the jsx:</p>
  <pre><code> &lt;tbody {...getTableBodyProps()}&gt;
          {rows.map(row =&gt; {
            prepareRow(row);
            return (
              &lt;tr {...row.getRowProps()}&gt;
                {row.cells.map(cell =&gt; (
                  &lt;td {...cell.getCellProps()}&gt;{cell.render('Cell')}&lt;/td&gt;
                ))}
              &lt;/tr&gt;
            );
          })}
        &lt;/tbody&gt;
  </code></pre>
  <p>Let suppose I want to change the color of the cell to green or red based on the status of the data how can I achieve that?</p>
  <p>Note:</p>