@props([
    'label' => '',
    'for'   => '',
    'hint'  => '',
])

<div {{ $attributes->merge(['class' => 'space-y-1.5']) }}>
    @if($label)
        <label for="{{ $for }}" class="mb-1.5 block text-sm font-medium text-foreground">{{ $label }}</label>
    @endif

    {{ $slot }}

    @if($hint)
        <p class="mt-1.5 text-xs text-muted-foreground">{{ $hint }}</p>
    @endif
</div>