@extends('livewire.giveaway.public.parts.modals.modal')

@section('modal_content')
	<div class="block text-center">
		<div class="flex justify-center mb-4">
			@if(isset($messageData['type']) && $messageData['type'] == 'error')
				<div class="size-14 inline-flex-center rounded-full bg-red-400">
					<span class="size-6 text-white">
						<x-ui-icon name="alert-circle"></x-ui-icon>
					</span>
				</div>
			@else
				<div class="size-14 inline-flex-center rounded-full bg-green-400">
					<span class="size-6 text-white">
						<x-ui-icon name="check"></x-ui-icon>
					</span>
				</div>
			@endif
		</div>
		<div class="mb-4">
			@if(isset($messageData['title']))
				<h4 class="text-par-s font-bold">
					{{ $messageData['title'] }}
				</h4>
			@endif
			<p class="text-par-s">
				{{ $messageData['content'] }}
			</p>
		</div>

		<div class="flex justify-center">
			<x-forms.button tag="button" wire:click="closeMessageModal" text="Okay" classes="bg-fill-pr"></x-forms.button>
		</div>
	</div>
@endsection