import type { ReactNode } from "react";

import { cn } from "@/lib/utils";

/** Fixed-height framed container. transform-gpu makes it the containing block for fixed descendants. */
export function Frame({ children, className }: { children: ReactNode; className?: string }) {
  return <div className={cn("relative h-[720px] transform-gpu overflow-hidden bg-background", className)}>{children}</div>;
}