text: import React from 'react';
  import Plot from 'react-plotly.js';
  
  const TransactionsPlot = props => {
    const { headers, transactionArrays } = props;
    console.log(transactionArrays);
    return (
      <>
        <Plot
          className="transaction-plot"
          data={[
            {
              type: 'table',
              header: {
                values: headers,
                align: 'center',
                line: { width: 1, color: 'black' },
                fill: { color: 'grey' },
                font: { family: 'Arial', size: 8, color: 'white' },
              },
              cells: {
                values: transactionArrays,
                align: 'center',
                line: { color: 'black', width: 1 },
                font: { family: 'Arial', size: 8, color: ['black'] },
              },
            },
          ]}
          config={{
            responsive: true,
          }}
        />
      </>
    );
  };
  
  export default TransactionsPlot;
  