/* Simple1 — mascote oficial da SimplesDesk (bolinha com olhos) */

function Simple1Mascot({ size = 220, aura = true }) {
  const uid = React.useMemo(() => "s1m" + Math.random().toString(36).slice(2, 8), []);
  return (
    <div style={{ position: "relative", display: "grid", placeItems: "center", width: size, height: size }}>
      {aura && (
        <div className="s1-aura" style={{
          position: "absolute", inset: "-14%", borderRadius: "50%",
          background: "radial-gradient(circle at 50% 45%, rgba(56,132,255,0.45), transparent 68%)",
          filter: "blur(18px)", pointerEvents: "none",
        }} />
      )}
      <svg className="s1-mascot" viewBox="0 0 96 96" width={size} height={size} fill="none"
        style={{ position: "relative", zIndex: 2 }} role="img" aria-label="Simple1, mascote de IA da SimplesDesk">
        <defs>
          <linearGradient id={uid + "-body"} x1="0" y1="0" x2="1" y2="1">
            <stop offset="0%" stopColor="#6FB4FF" />
            <stop offset="52%" stopColor="#2F7BFF" />
            <stop offset="100%" stopColor="#1349C7" />
          </linearGradient>
          <radialGradient id={uid + "-sheen"} cx="38%" cy="26%" r="55%">
            <stop offset="0%" stopColor="rgba(255,255,255,0.55)" />
            <stop offset="60%" stopColor="rgba(255,255,255,0)" />
          </radialGradient>
        </defs>

        <path d="M38 8 H58 A34 34 0 0 1 92 42 V54 A34 34 0 0 1 58 88 H38 A34 34 0 0 1 4 54 V42 A34 34 0 0 1 38 8 Z" fill={`url(#${uid}-body)`} />
        <path d="M38 8 H58 A34 34 0 0 1 92 42 V54 A34 34 0 0 1 58 88 H38 A34 34 0 0 1 4 54 V42 A34 34 0 0 1 38 8 Z" fill={`url(#${uid}-sheen)`} />

        {/* olhos (sem pupila) */}
        <g className="s1-eyes">
          <ellipse cx="37" cy="46" rx="8.4" ry="9.6" fill="#fff" />
          <ellipse cx="61" cy="46" rx="8.4" ry="9.6" fill="#fff" />
        </g>

        {/* brilho */}
        <g className="s1-spark">
          <circle cx="78" cy="22" r="2.4" fill="#fff" />
          <circle cx="84" cy="30" r="1.3" fill="#fff" opacity="0.8" />
        </g>
      </svg>
    </div>
  );
}

window.Simple1Mascot = Simple1Mascot;
