export default function Brand({ compact = false }) {
  return (
    <a className={`brand${compact ? " brand-compact" : ""}`} href="/" aria-label="Agmail home">
      <span className="brand-mark" aria-hidden="true">
        <span className="robot-eyes"><i /><i /></span>
        <span className="robot-smile" />
      </span>
      {!compact && <span>agmail</span>}
    </a>
  );
}