'use client';

import { useEffect } from 'react';
import { usePublicSettings } from '@/components/id/public-settings-provider';

export function ProjectHead() {
  const { projectName, projectTagline } = usePublicSettings();

  useEffect(() => {
    document.title = projectName;
    const meta = document.querySelector('meta[name="description"]');
    if (meta) {
      meta.setAttribute('content', projectTagline);
    }
  }, [projectName, projectTagline]);

  return null;
}
