import { useEffect, useState } from "react";
import { cancelRender, continueRender, delayRender, staticFile } from "remotion";

export function Fonts() {
  const [handle] = useState(() => delayRender("Yerel Tasnora fontları"));
  useEffect(() => {
    Promise.all([new FontFace("Tasnora Sans", `url(${staticFile("assets/TasnoraSans.ttf")})`).load(), new FontFace("Tasnora Serif", `url(${staticFile("assets/TasnoraSerif.ttf")})`).load()])
      .then(fonts => { fonts.forEach(font => document.fonts.add(font)); continueRender(handle); })
      .catch(cancelRender);
  }, [handle]);
  return null;
}