{{--
    Label, control, error, hint - in that order, once.

    `error` is the validation key, not a message: `error="form.amount"`.
--}}
@props(['label' => null, 'for' => null, 'hint' => null, 'error' => null])

<div {{ $attributes->only('class') }}>
    @if ($label)
        <label @if ($for) for="{{ $for }}" @endif class="form-label">{{ $label }}</label>
    @endif

    <div>{{ $slot }}</div>

    @if ($error)
        @error($error)
            <p class="mt-2 text-sm text-danger">{{ $message }}</p>
        @enderror
    @endif

    @if ($hint)
        <p class="form-help">{{ $hint }}</p>
    @endif
</div>