@props(['icon', 'text'])

<div class="flex items-center gap-2">
    <x-ui.icon :name="$icon" class="h-5 w-5 text-primary" />
    <span class="text-sm font-medium">{{ $text }}</span>
</div>