"use client";
import { useMediaQuery } from "@/hooks/useMediaQuery";
import { motion, useAnimation } from "motion/react";
import { useEffect } from "react";
type IntroPreloaderProps = {
isLoaded?: boolean;
};
const IntroPreloader = ({ isLoaded }: IntroPreloaderProps) => {
const controls = useAnimation();
const isDesktop = useMediaQuery("(min-width: 768px)", {
defaultValue: true,
initializeWithValue: false,
});
useEffect(() => {
if (isLoaded) {
(async () => {
["hideText", "exit", "hideLogo"].forEach((el) =>
controls.start(el).then(() => el === "hideLogo" && document.documentElement.removeAttribute("style"))
);
})();
}
}, [isLoaded, controls]);
return (
);
};
export const PageIntroPreloader = ({ isLoaded }: IntroPreloaderProps) => (
);
export default IntroPreloader;