/*
  A marca do atendimento.

  O balão genérico de biblioteca não diz nada: é o mesmo desenho que aparece em
  comentário, em suporte e em qualquer aplicativo. Este é o nosso — cheio, com
  as três reticências recortadas no próprio corpo (por isso o `evenodd`), o
  mesmo que a pessoa vê no balão da loja. Quem atende reconhece o botão sem ler.

  Gêmeo de `apps/public/src/components/ChatDaLoja.tsx`. Os dois apps não
  compartilham pacote de componentes; mexeu num desenho, mexe no outro.

  Aceita `size` e `strokeWidth` para caber onde os ícones do lucide cabem —
  o traço é ignorado de propósito: este desenho é de preenchimento.
*/
export default function BalaoDeConversa({
  size = 20,
  className,
}: {
  size?: number;
  strokeWidth?: number;
  className?: string;
}) {
  return (
    <svg
      viewBox="0 0 24 24"
      width={size}
      height={size}
      className={className}
      aria-hidden="true"
      focusable="false"
    >
      <path
        fill="currentColor"
        fillRule="evenodd"
        clipRule="evenodd"
        d="M6.6 3.4h10.8A4.6 4.6 0 0 1 22 8v4.6a4.6 4.6 0 0 1-4.6 4.6h-5.2l-4.06 3.02a.95.95 0 0 1-1.51-.9l.44-2.4A4.6 4.6 0 0 1 2 12.6V8a4.6 4.6 0 0 1 4.6-4.6Zm1.6 5.75a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Zm3.8 0a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Zm3.8 0a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Z"
      />
    </svg>
  );
}