import { RefObject, useEffect } from 'react';
import { replaceTeamDetails } from './replaceTeamDetails';

export const useUpdateTeamDetails = (
  ref: RefObject<HTMLDivElement>,
  container: string
) => {
  useEffect(
    () => {
      // add team-flags class to the ref element for cutomised flags from Euros 2024
      // ref.current && ref.current.classList.add('team-flags');

      const TeamNameContainers = document.getElementsByClassName(container);
      TeamNameContainers && replaceTeamDetails(TeamNameContainers);
    },
    [ref]
  );
};