'use client'

import { useEffect } from 'react'

export default function BrandingFavicon() {
  useEffect(() => {
    const href = '/api/branding/favicon.ico'
    let link = document.querySelector("link[rel='icon']") as HTMLLinkElement | null
    if (!link) {
      link = document.createElement('link')
      link.rel = 'icon'
      document.head.appendChild(link)
    }
    link.href = href
  }, [])

  return null
}
