@props([
    'sourceId' => 'catalog-products-json-source',
    'clipboardText' => '',
])

<div class="mb-json-format-actions">
    <textarea id="{{ $sourceId }}" class="visually-hidden" readonly aria-hidden="true">{{ $clipboardText }}</textarea>
    <button type="button"
            class="mb-json-action mb-json-copy"
            data-copy-target="{{ $sourceId }}"
            title="Copy template"
            aria-label="Copy JSON template">
        <i class="bi bi-clipboard" aria-hidden="true"></i>
    </button>
    <a href="{{ route('catalog-landing-pages.products-json-template') }}"
       class="mb-json-action mb-json-download"
       title="Download template"
       aria-label="Download JSON template"
       download="catalog-products-template.json">
        <i class="bi bi-download" aria-hidden="true"></i>
    </a>
</div>