Function Loader

components/loader.tsx:32–52

({
  variant = "square",
  interval = 150,
  className,
}: {
  variant?: keyof typeof LOADER_VARIANTS;
  interval?: number;
  className?: string;
})

} as const;

export const Loader = ({
  variant = "square",
  interval = 150,
  className,
}: {
  variant?: keyof typeof LOADER_VARIANTS;
  interval?: number;
  className?: string;
}) => {
  const [index, setIndex] = useState(0);
  const chars = LOADER_VARIANTS[variant];

  useEffect(() => {
    const timer = setInterval(() => {
      setIndex((i) => (i + 1) % chars.length);
    }, interval);
    return () => clearInterval(timer);
  }, [chars, interval]);

  return <span className={cn("font-mono", className)}>{chars[index]}</span>;
};

export const AssemblyLoader = ({
  interval = 20,