interface BrandProps {
  compact?: boolean;
}

export function Brand({ compact = false }: BrandProps) {
  return (
    <span className={compact ? "brand-lockup compact" : "brand-lockup"}>
      <img src="/dockdeck-mark.svg" alt="" width="40" height="40" />
      <span>
        <strong>DockDeck</strong>
        {!compact && <small>Jouw digitale thuisbasis</small>}
      </span>
    </span>
  );
}