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

<div {{ $attributes->merge(['class' => '']) }}>
    @if ($label)
        <x-form.label :for="$for">{{ $label }}</x-form.label>
    @endif
    {{ $slot }}
    @if ($hint && ! $error)
        <p class="mt-1 text-small text-faint">{{ $hint }}</p>
    @endif
    @if ($error)
        <p class="mt-1 text-small text-danger-text" role="alert">{{ $error }}</p>
    @endif
</div>