import Title from "@/Title";
import useGetTitle from "@/useGetTitle";

export default function AvatarTitle({ avatarID }: { avatarID: string }) {
  const {
    data: { title, titleColor },
    isFetched: isTitleLoaded,
  } = useGetTitle(avatarID);

  if (!isTitleLoaded) {
    return null;
  }

  return <Title title={title} titleColor={titleColor} />;
}