useOS

"use client";
import { useOS } from "@/hooks/use-os";
import { Typography } from "@/ui/typography";

export function UseOSDemo() {
  const os = useOS();
  if (!os) return <Typography el="p">Detecting OS...</Typography>;
  return <Typography prose="h4" className="m-auto font-mono">Your OS: {os}</Typography>;
}