import { useSEO, SEOProps } from '@/hooks/useSEO';

/**
 * Reusable SEO component for managing page metadata
 * Use this component at the top of each page component
 *
 * @example
 * <SEOHead
 *   title="Managed IT Services Corpus Christi | Bay Area Affiliates"
 *   description="Secure, tailored IT support for local businesses"
 *   canonical="https://bayarea-cc.com/"
 * />
 */
export const SEOHead = (props: SEOProps) => {
  useSEO(props);
  return null; // This component only manages side effects
};

export default SEOHead;
