import { useEffect } from 'react'
import { useBranding } from './useBranding'

export function useDocumentTitle(title?: string) {
  const { appName } = useBranding()

  useEffect(() => {
    document.title = title ? `${title} - ${appName}` : appName
    return () => { document.title = appName }
  }, [title, appName])
}