@extends('layouts.app')
@section('content')

    <div class="p-4 sm:p-10 text-center overflow-y-auto mx-auto my-5 lg:my-10 max-w-2xl">
        <!-- Icon -->
        <span
            class="mb-4 inline-flex justify-center items-center w-20 h-20 rounded-full border-4 border-amber-50 bg-amber-100 text-amber-500 dark:bg-amber-700 dark:border-amber-600 dark:text-amber-100">
          <x-ui.icon name="finance" class="w-8 h-8" fill="currentColor" />
        </span>
        <!-- End Icon -->

        <h3 class="mb-2 text-xl font-semibold text-gray-800 dark:text-gray-200">
            {{__('Payment cancelled')}}
        </h3>
        <p class="text-gray-500">{{__('Payment is cancelled')}}</p>
    </div>
@endsection