interface BrandProps {
  compact?: boolean;
}

export function Brand({ compact = false }: BrandProps) {
  return (
    <span className={compact ? "brand-lockup compact" : "brand-lockup"}>
      <img className="dockdeck-mark" src="/dockdeck-mark-v2.svg" alt="" />
      <span className="brand-product">
        <strong>DockDeck</strong>
        {!compact && <small>Jouw digitale thuisbasis</small>}
      </span>
      <span
        className="brand-owner"
        aria-label="Ontwikkeld door Jens van ITWorx.tech"
      >
        <span className="brand-credit">
          <small>Ontwikkeld door</small>
          <strong>Jens</strong>
        </span>
        <img src="/itworx-wordmark.svg" alt="ITWorx.tech" />
      </span>
    </span>
  );
}