quivr/frontend/app/user/components/Graphs/BrainSpaceChart.tsx

"use client";
import { FC } from "react";
import {
  VictoryContainer,
  VictoryPie,
  VictoryPieProps,
  VictoryTheme,
} from "victory";

interface BrainSpaceChartProps extends VictoryPieProps {
  current_brain_size: number;
  max_brain_size: number;
}

const BrainSpaceChart: FC<BrainSpaceChartProps> = ({
  current_brain_size,
  max_brain_size,
  ...props
}) => {
  return (
    <VictoryPie
      data={[
        { x: "Used", y: current_brain_size },
        { x: "Unused", y: max_brain_size - current_brain_size },
      ]}
      containerComponent={
        <VictoryContainer
          className="bg-white rounded-md w-full h-full"
          responsive={true}
        />
      }
      {...props}
      theme={VictoryTheme.material}
    />
  );
};

export default BrainSpaceChart;