export const CustomTooltip = ({ active, payload, label }: { active?: boolean; payload?: any; label?: string }) => {
  if (active && payload && payload.length) {
    return (
      <div className={"bg-card-foreground text-background rounded p-2"}>
        <p>{`${label} : ${payload[0].value}`}</p>
      </div>
    );
  }

  return null;
};
