{# <div class="relative h-8">
    <button class="button" popovertarget="xxx" id="yyy">test</button>
    <div id="xxx" anchor="yyy" style="top: anchor(bottom); " popover="auto"
        class="absolute m-auto bg-white p-6 rounded shadow" ontoggle="console.log('toggle', event);">


        <span>OK</span>
        <span>GO</span>
    </div>
</div> #}
<button
    onclick="fetch(`{{ raw_markdown_url | url }}`).then((r) => r.blob()).then((blob) => navigator.clipboard.write([new ClipboardItem({ 'text/plain': blob })]))"
    data-slot="button" class="secondary cursor-pointer">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-copy ">
        <path
            d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z">
        </path>
        <path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1"></path>
    </svg>
    <span class="max-md:hidden">Copy Page</span>
</button>