@props([
    'show' => true,
    'click' => '',
])

<button type="button" @click="{{ $click }}" x-show="{{ $show }}"
    class="group px-6 py-3 bg-white border-2 border-gray-300 text-gray-700 rounded-xl hover:border-blue-400 hover:bg-blue-50 transition-all duration-300 flex items-center shadow-sm hover:shadow">
    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 text-gray-600 group-hover:text-blue-600 transition-colors"
        fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
    </svg>
    <span>{{ trans('siri.back') }}</span>
</button>