viewfinder/packages/kitchen-sink/react-next/src/components/Brand/index.tsx

import Link from 'next/link'
import styles from './Brand.module.css'

export const Brand = () => (
  <Link
    href="/"
    passHref
  >
    <a
      href="/"
      className={styles['brand-base']}
    >
      B
      <span className={styles.hide}>
        rand
      </span>
    </a>
  </Link>
)