@props([
    'modalName' => ''
])

<div class="block">
    <form action="#" method="POST">
        @csrf
        @method('DELETE')

        <div class="mb-8">
            <h3 class="text-xl font-bold mb-2">
                {{ $titleText ?? '' }}
            </h3>
            <p class="mb-4 text-gray-500 text-sm">
                {{ $bodyText ?? '' }}
            </p>
        </div>
        <div class="flex gap-2">
            <x-forms.action tag="button" data-modal-dismiss="{{ $modalName }}" type="reset">
                {{ __('labels.cancel') }}
            </x-forms.action>
            <x-forms.action tag="button" type="submit" :styles="['bg-red-900', 'text-bg-pr']">
                {{ __('labels.delete') }}
            </x-forms.action>
        </div>
    </form>
</div>