import { useBranding } from "../contexts/BrandingContext"
import type { CSSProperties } from "react"

export default function BrandLogo({ className, style }: { className?: string; style?: CSSProperties }) {
  const { site_name, logo_url } = useBranding()
  if (!logo_url) return <span className={className} style={style}>{site_name}</span>
  return <img src={logo_url} alt={site_name} className={className} style={style} />
}
