import { useEffect } from 'react';

const useTitle = (title) => {
  useEffect(() => {
    if (typeof document === 'undefined') return; // Skip if in SSR environment

    const prevTitle = document.title;
    document.title = title;

    return () => {
      document.title = prevTitle;
    };
  }, [title]);
};

export default useTitle;

/* Example Usage:
import React from 'react';
import useTitle from './useTitle';

function UserProfilePage({ userName }) {
  useTitle(`${userName}'s Profile - My App`);

  return (
    <div>
      <h1>Welcome, {userName}!</h1>
      <p>This is your profile page.</p>
    </div>
  );
}

function HomePage() {
  useTitle('Home - My App');

  return (
    <div>
      <h1>Welcome to the Home Page!</h1>
    </div>
  );
}
*/