@props([
    'label',
    'name',
    'type' => 'text',
    'placeholder' => '',
    'required' => false,
    'tooltip' => null,
])

<div class="form-group">
    <label class="form-label">
        {{ $label }}
        @if($required)
            <span class="text-danger">*</span>
        @endif
    </label>

    <input
        type="{{ $type }}"
        name="{{ $name }}"
        id="{{ $name }}"
        placeholder="{{ $placeholder }}"
        class="form-control @error($name) is-invalid @enderror"
        wire:model.blur="{{ $attributes->get('wire:model') ?? $name }}"
        value="{{ old($name) }}"
        @if($tooltip)
            data-bs-toggle="tooltip"
            data-bs-placement="top"
            data-bs-original-title="{{ $tooltip }}"
        @endif
        {{ $attributes->except('wire:model') }}
    />
    @error($name)
    <span class="invalid-feedback">{{ $message }}</span>
    @enderror
</div>