import { FunctionComponent } from "preact";

export function LedgerGraphs(): FunctionComponent[] {
  return [
    () => {
      let data = {
        chart: {
          type: 'line'
        },
        series: [{
          name: 'sales',
          data: [30,40,35,50,49,60,70,91,125]
        }],
        xaxis: {
          categories: [1991,1992,1993,1994,1995,1996,1997, 1998,1999]
        }
      };

      return (
        <div class="indicator">
          <span class="indicator-item badge badge-primary">New</span>
          <div class="bg-base-300 grid h-32 w-64 place-items-center">

          </div>
        </div>
      );
    },
  ];
}