'use client';

/**
 * HeaderVisibilityWrapper Component
 * 
 * Hides the global header on distraction-free routes such as /checkout
 */

import React from 'react';
import { usePathname } from 'next/navigation';

interface HeaderVisibilityWrapperProps {
  children: React.ReactNode;
}

export function HeaderVisibilityWrapper({ children }: HeaderVisibilityWrapperProps) {
  const pathname = usePathname();

  // Hide on distraction-free checkout flow
  if (pathname && (pathname.includes('/checkout') || pathname.endsWith('/checkout'))) {
    return null;
  }

  return <>{children}</>;
}

export default HeaderVisibilityWrapper;