import Logo from '@/components/template/Logo'
import { useStoreState } from '@/store'

const HeaderLogo = () => {
  const mode = useStoreState((state) => state.theme.mode)

  return <Logo mode={mode} className="hidden xl:block" imgClass="w-9/12" />
}

export default HeaderLogo
