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

interface LinksDeletedChartProps {
  lineChartData: LineChartArr;
}

const LinksDeletedChart = ({
  lineChartData
}: LinksDeletedChartProps): JSX.Element => {
  return (
    <VStack gap={6} w="100%">
      <Heading as="h4" fontSize="2xl">{`Links Deleted`}</Heading>
      <LineChartComponent data={lineChartData} label="Links Deleted" />
    </VStack>
  );
};

export default LinksDeletedChart;
