@php
    /**
     * Caixa de Alert para exibir informações de erro  em formulários.
     *
     * Parâmetros:
     * @param string $class Classe CSS adicional para o container do alerta. Padrão: ''.
     * @param string|null $id ID do container do alerta. Padrão: null.
     * @param bool $dismissable indica se a caixa pode ser fechada pelo usuário. Padrão: true.
     *
     * Slots:
     * - $slot: Texto do alerta.
     */
@endphp

@props([
    'class' => '',
    'id' => null,
	'dismissable' => true, // se true, permite fechar o alerta
])
<div class="row w-100 mt-0 mb-0 pb-0 mx-2">
	<div class='col-12 alert alert-danger @if($dismissable) alert-dismissable @endif {{ $class }}' role="alert" @if($id) id="{{ $id }}" @endif>
		<button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
		<table><tr><td class="align-top"><i class="fas fa-exclamation-triangle mr-2" aria-hidden="true"></i></td><td>{!! $slot !!}</td><tr></table>
	</div>
</div>