/**
 * Search-box.ai
 * Author: Simon-Pierre Boucher
 * Contact: contact@spboucher.ai
 * File: apps/web/components/Logo.tsx
 * Description: App mark as a React component (same drawing as the favicon).
 */

export function Logo({ size = 26 }: { size?: number }) {
  return (
    <svg width={size} height={size} viewBox="0 0 64 64" aria-hidden>
      <path
        d="M44 12H20q-9 0-9 9v22q0 9 9 9h24q9 0 9-9V28"
        fill="none"
        stroke="currentColor"
        strokeWidth="5.5"
        strokeLinecap="round"
      />
      <path
        d="M38 32c4-8 9-13 16-19"
        fill="none"
        stroke="var(--accent)"
        strokeWidth="5.5"
        strokeLinecap="round"
      />
      <path
        d="M46 21c4-1 7-1 11 1"
        fill="none"
        stroke="var(--accent)"
        strokeWidth="4.5"
        strokeLinecap="round"
      />
      <circle cx="54" cy="13" r="4" fill="var(--accent)" />
      <circle cx="57" cy="22" r="3" fill="var(--accent)" />
      <circle cx="38" cy="32" r="3" fill="currentColor" />
    </svg>
  );
}
