{#- chirp-ui: Code macros
    Inline and block code with chirpui styling.
-#}

{% def code(text, cls="") %}
<code class="chirpui-code{{ " " ~ cls if cls else "" }}">{{ text }}</code>
{% end %}

{% def code_block(text, cls="", copy=false) %}
{% if copy %}
<div class="chirpui-code-block-wrapper{{ " " ~ cls if cls else "" }}"
     x-data="{ copied: false }">
    <pre class="chirpui-code-block"><code>{{ text }}</code></pre>
    <button type="button" class="chirpui-code-block__copy"
            @click="navigator.clipboard?.writeText($el.previousElementSibling.textContent).then(() => { copied = true; setTimeout(() => copied = false, 2000) })"
            aria-label="Copy code">
        <span x-show="!copied">Copy</span>
        <span x-show="copied">Copied!</span>
    </button>
</div>
{% else %}
<pre class="chirpui-code-block{{ " " ~ cls if cls else "" }}"><code>{{ text }}</code></pre>
{% end %}
{% end %}