@props([
    'label' => null,
    'id' => 'tag-input-' . uniqid(),
    'name',
    'value' => '',
    'required' => false,
    'hint' => null,
    'error' => null,
    'class' => '',
])

<div class="dash-input-wrapper w-100 {{ $class }}">
    <label for="{{ $id }}" class="form-label tags">
        {{ $label }}
        @if($required)
            * 
        @endif
        @if($hint)
            <span class="hint-txt">({{ $hint }})</span>
        @endif
    </label>

    <input
        type="text"
        id="{{ $id }}"
        name="{{ $name }}"
        value="{{ old($name, $value) }}"
        data-role="tagsinput"
        class="gs-dash-input w-100 @error($name) error @enderror"
        {{ $required ? 'required' : '' }}
        {{ $attributes }}
    >

    @error($name)
        <span class="error-msg">{{ $message }}</span>
    @else
        @if($hint)
            <span class="hint-msg">{{ $hint }}</span>
        @endif
    @enderror
</div>