/*
  A marca do KtaloguDesign: a paleta cheia, com o furo do polegar e as quatro
  tintas recortadas no próprio corpo (por isso o `evenodd`), no mesmo jeito do
  balão do Chats. Aceita `size` e `strokeWidth` para caber onde os ícones do
  lucide cabem; o traço é ignorado (o desenho é de preenchimento).
*/
const furo = (x: number, y: number, r: number) => `M${x - r} ${y}a${r} ${r} 0 1 0 ${r * 2} 0a${r} ${r} 0 1 0 ${-r * 2} 0Z`;

export default function MarcaDoDesign({ 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={`M12 2.4C6.6 2.4 2.4 6.4 2.4 11.7c0 4.7 3.6 8.6 8.4 9.1 1.6.17 2.5-1 2.1-2.2-.35-1.2.5-2.5 1.9-2.5h2.2c3.1 0 5.6-2.4 5.6-5.5C22.6 6.1 17.9 2.4 12 2.4Z${furo(7.2, 11.2, 1.55)}${furo(9.3, 6.9, 1.55)}${furo(14.4, 6.6, 1.55)}${furo(17.6, 10, 1.55)}`}
      />
    </svg>
  );
}