@php
/**
 * Inline "AI sparkle" mark — three sparkles in the brand gradient. Pure SVG (no
 * image file) so it stays crisp at any size and follows the theme colours. $gid
 * keeps the gradient id unique when the mark is rendered more than once on a page.
 * stop-color is set via a CSS class (.qm-spark-stop-*, not the presentation
 * attribute) so the brand CSS custom properties actually resolve.
 *
 * @var string $gid   unique suffix for the gradient id
 * @var string $class svg class (sizing lives in CSS)
 * @var bool   $mono  fill with currentColor instead of the brand gradient (for
 *                    contexts that sit on a coloured background or need hover-tint,
 *                    e.g. the sidebar nav item and the settings tab)
 */
$aiMono = !empty($mono);
$gradId = 'qmAiSpark-' . preg_replace('/[^a-z0-9_-]/i', '', (string) ($gid ?? 'x'));
@endphp
<svg class="{{ $class ?? 'qm-ai-spark' }}" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
    @if (!$aiMono)
    <defs>
        <linearGradient id="{{ $gradId }}" x1="2" y1="2" x2="22" y2="22" gradientUnits="userSpaceOnUse">
            <stop offset="0" class="qm-spark-stop-1"></stop>
            <stop offset="1" class="qm-spark-stop-2"></stop>
        </linearGradient>
    </defs>
    @endif
    <g fill="{!! $aiMono ? 'currentColor' : 'url(#' . e($gradId) . ')' !!}">
        <path d="M9.5 4 Q11.74 9.76 17.5 12 Q11.74 14.24 9.5 20 Q7.26 14.24 1.5 12 Q7.26 9.76 9.5 4 Z"></path>
        <path d="M18.5 1.2 Q19.56 3.94 22.3 5 Q19.56 6.06 18.5 8.8 Q17.44 6.06 14.7 5 Q17.44 3.94 18.5 1.2 Z"></path>
        <path d="M18 15 Q18.84 17.16 21 18 Q18.84 18.84 18 21 Q17.16 18.84 15 18 Q17.16 17.16 18 15 Z"></path>
    </g>
</svg>