export function MobileFrame({ children }: { children: React.ReactNode }) {
  return (
    <div className="relative mx-auto border-neutral-800 bg-neutral-800 border-[8px] rounded-[2.5rem] h-[600px] w-[300px] shadow-2xl overflow-hidden">
      <div className="absolute top-0 inset-x-0 h-6 bg-neutral-800 rounded-b-xl z-20 w-32 mx-auto" />
      <div className="relative h-full w-full bg-black overflow-hidden">
        {children}
      </div>
    </div>
  );
}
