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={4} w="100%">
      <Heading
        as="h4"
        fontSize="2xl"
      >{`Times Bot Was Triggered (Past 30 Days)`}</Heading>
      <LineChartComponent data={lineChartData} label="Times Triggered" />
    </VStack>
  );
};

export default TimedTriggeredChart;