@php
    [$icon, $color, $title, $message] = match ($status) {
        'paid' => ['check-circle', 'text-emerald-500', __('Payment successful'), __('You can return to the app.')],
        'card_saved' => ['credit-card', 'text-emerald-500', __('Card saved'), __('You can return to the app.')],
        'failed' => ['x-circle', 'text-red-500', __('Payment not completed'), __('Nothing was charged. Return to the app to try again.')],
        default => ['clock', 'text-amber-500', __('Payment processing'), __('We will confirm it shortly. You can return to the app.')],
    };
@endphp
<x-payments.page :title="$title">
    <x-dynamic-component :component="'heroicon-o-'.$icon" class="mx-auto size-12 {{ $color }}" />
    <h1 class="mt-3 text-lg font-semibold">{{ $title }}</h1>
    <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ $message }}</p>
</x-payments.page>