'use client';

import { createContext, useContext, useState, useCallback, ReactNode } from 'react';

interface PageTitleContextValue {
  title: string;
  setPageTitle: (title: string) => void;
}

const PageTitleContext = createContext<PageTitleContextValue>({
  title: '',
  setPageTitle: () => {},
});

export function PageTitleProvider({ children }: { children: ReactNode }) {
  const [title, setTitle] = useState('');

  const setPageTitle = useCallback((t: string) => {
    setTitle(prev => prev === t ? prev : t);
  }, []);

  return (
    <PageTitleContext.Provider value={{ title, setPageTitle }}>
      {children}
    </PageTitleContext.Provider>
  );
}

export function usePageTitle() {
  return useContext(PageTitleContext);
}