@props([
    'title' => 'Welcome',
])

@php
    $rtl = (bool) ($isRtl ?? false);
    $dir = $rtl ? 'rtl' : 'ltr';
@endphp

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ $dir }}"
      data-theme-mode="light" data-header-styles="light">
    <x-ui.layout.head :title="$title" />
    <body @class(['bg-light', 'rtl' => $rtl])>
        <main class="min-vh-100 d-flex align-items-center justify-content-center px-3 py-5">
            {{ $slot }}
        </main>
        <x-ui.layout.scripts />
    </body>
</html>
