import { type ReactNode } from 'react'

export const NswLogo = () => (
  <img src="/nsw-logo.svg" alt="NSW Government" className="h-6" />
)

export function TopBarAction({ icon, label, onClick }: { icon: ReactNode; label: string; onClick?: () => void }) {
  return (
    <button
      type="button"
      aria-label={label}
      onClick={onClick}
      className="flex size-12 items-center justify-center rounded-full text-white/80 transition-colors hover:bg-white/10 hover:text-white"
    >
      <span className="size-6 [&>svg]:size-full">{icon}</span>
    </button>
  )
}