@props([
    'id' => 'btnCancel',
    'text' => 'Cancelar',
    'modalHide' => 'default-modal',
    'class' => '',
])

<button
    data-modal-hide="{{ $modalHide }}"
    type="button"
    id="{{ $id }}"
    {{ $attributes->merge(['class' => "py-2.5 px-5 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:bg-zinc-300 focus:outline-none focus:ring-4 focus:ring-gray-100 flex flex-row justify-center items-center $class"]) }}>
    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
              d="m15 9-6 6m0-6 6 6m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
    </svg>
    <span class="ml-2">{{ $text }}</span>
</button>