Function HeaderLogoArea

src/components/layout/header/internal/HeaderArea.tsx:8–16

({ children })

import styles from './grid.module.css'

export const HeaderLogoArea: Component = ({ children }) => (
  <div className={clsxm('relative', styles['header--grid__logo'])}>
    <div
      className={clsxm('relative flex size-full items-center justify-center')}
    >
      {children}
    </div>
  </div>
)

export const HeaderLeftButtonArea: Component = ({ children }) => (
  <div