import { JSX } from "react";
import LineChartComponent from "@/components/charts/LineChart";
import { LineChartArr } from "@/types/LineChartStats";
import { Heading, VStack } from "@chakra-ui/react";

interface TimedTriggeredChartProps {
  lineChartData: LineChartArr;
}

const TimedTriggeredChart = ({
  lineChartData
}: TimedTriggeredChartProps): JSX.Element => {
  return (
    <VStack gap={6} w="100%">
      <Heading as="h4" fontSize="2xl">{`Times Bot Was Triggered`}</Heading>
      <LineChartComponent data={lineChartData} label="Times Triggered" />
    </VStack>
  );
};

export default TimedTriggeredChart;
