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

<div {{ $attributes }}>
    <label for="{{ $for }}" class="label">{{ $label }}</label>
    {{ $slot }}
    @if ($hint)
        <p class="mt-1 text-xs text-stone-500">{{ $hint }}</p>
    @endif
    @error($for)
        <p class="mt-1 text-sm text-red-700">{{ $message }}</p>
    @enderror
</div>