@props(['title', 'description' => null])
<main class="container tp-auth-page py-4 py-md-5">
    <div class="row g-0 justify-content-center"><div class="col-12 col-md-8 col-lg-5 tp-auth-column">
        <div class="card border-0 shadow-sm tp-auth-card"><div class="card-body p-3 p-sm-4 p-md-5">
            <div class="d-flex justify-content-center mb-4"><x-brand-logo :href="route('home')" height="76px" class="tp-brand-logo-auth" /></div>
            <h1 class="h3">{{ $title }}</h1>
            @if($description)<p class="text-body-secondary">{{ $description }}</p>@endif
            @if($errors->any())<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif
            {{ $slot }}
        </div></div>
    </div></div>
</main>
