@props([
	'label' => '',
	'url' => ''
])

<a href="{{ $url }}" target="_blank" class="inline-flex border border-bord-pr smoothing hover:border-brand-900 leading-none items-center gap-2 py-1.5 px-2 rounded-md">
	<div class="flex-shrink-0 size-4">
		<x-ui-icon name="link-external-02" type="solid"></x-ui-icon>
	</div>
	<div class="text-lab-pr text-par-s">
		{{ $label }}
	</div>
</a>