import React from "react";

import { useAuth } from "../../../contexts/AuthContext";

import { PrevisaoReceitasChart } from "./PrevisaoReceitasChart";
import { ProcessosEvolucao } from "./ProcessosEvolucao";
import { TaxaSucessoChart } from "./TaxaSucessoChart";

export const ProcessosCharts: React.FC = () => {
  const { user } = useAuth();
  const isAdminOrAdvogado =
    user?.perfil === "ADVOGADO_ADMIN" || user?.perfil === "ADVOGADO";

  return (
    <>
      <ProcessosEvolucao />
      <TaxaSucessoChart />
      {isAdminOrAdvogado && <PrevisaoReceitasChart />}
    </>
  );
};