@props(['code', 'title', 'message'])

<x-base-layout :title="$code.' - '.$title">
    <div class="min-h-screen flex items-center justify-center p-6 bg-slate-50 dark:bg-slate-900">
        <div class="text-center max-w-md">
            <p class="text-6xl font-extrabold text-primary-700 mb-4">{{ $code }}</p>
            <h1 class="text-xl font-bold text-slate-800 dark:text-white mb-2">{{ $title }}</h1>
            <p class="text-slate-400 mb-6">{{ $message }}</p>
            <x-button href="{{ url('/') }}">Kembali ke Beranda</x-button>
        </div>
    </div>
</x-base-layout>