@props(['text' => '','title' => '', 'image' => asset('assets/panel/images/notifycation.svg'), 'btn'])

<div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
    <div class="mx-auto max-w-screen-sm text-center">
        <h1>
            <div class="flex justify-center">
                @if($image)
                    <img style="width: 200px" src="{{ $image }}" alt="500"
                @endif
            </div>
        </h1>
        <p class="text-2xl {{ $text? '' : 'mb-4'}} tracking-tight font-bold text-gray-600 md:text-4xl dark:text-white">{{ $title??'' }}</p>
        @if($text)
            <p class="text-md font-light text-gray-500 dark:text-gray-400">{{ $text??'' }}</p>
        @endif
        @if($btn ?? false)
            {{ $slot }}
        @endif
    </div>
</div>