@props([
	'iconName' => 'x',
	'iconType' => 'line',
	'title' => '',
	'content' => ''
])

<div class="p-6 text-lab-pr bg-fill-qt rounded-xl">
	<div class="mb-4">
		<x-icon-box bg="bg-brand-900/10">
			<span class="text-brand-900">
				<x-ui-icon name="{{ $iconName }}" type="{{ $iconType }}"></x-ui-icon>
			</span>
		</x-icon-box>
	</div>
	<div class="block">
		<h4 class="text-par-n font-semibold text-lab-pr mb-1">
			{{ $title }}
		</h4>
		<p class="text-par-s text-lab-sc">
			{{ $content }}
		</p>
	</div>
</div>