@aware([
    'hasAddons' => false,
    'isGrouped' => false,
])

@props([
    'label' => '',
    'icon' => '',
    'iconRight' => '',
    'isExpanded' => false,
    'isSize' => 'medium',
    'name' => '',
    'value' => '',
])

@if ($hasAddons || $isGrouped)
    <div @class([
        'control',
        'has-icons-left' => $icon,
        'has-icons-right' => $iconRight,
        'is-expanded' => $isExpanded,
    ])>
        <input {{ $attributes->class([
            'input',
            "is-{$isSize}",
            'is-danger' => $errors->has($name),
        ])->merge([
            'type' => 'text',
            'placeholder' => $label,
            'name' => $name,
            'value' => old($name, $value),
        ]) }}>
        @if ($icon)
            <x-icon :$icon />
        @endif
        @if ($iconRight)
            <x-icon :$iconRight />
        @endif
    </div>
    @error($name)
        <p class="help is-danger">{{ $message }}</p>
    @enderror
@else
    <fieldset class="field">
        @if ($label)
            <label @class([
                'label',
                "is-{$isSize}",
            ])>{{ $label }}</label>
        @endif
        <div @class([
            'control',
            'has-icons-left' => $icon,
            'has-icons-right' => $iconRight,
            'is-expanded' => $isExpanded,
        ])>
            <input {{ $attributes->class([
                'input',
                "is-{$isSize}",
                'is-danger' => $errors->has($name),
            ])->merge([
                'type' => 'text',
                'placeholder' => $label,
                'name' => $name,
                'value' => old($name, $value),
            ]) }}>
            @if ($icon)
                <x-icon :$icon />
            @endif
            @if ($iconRight)
                <x-icon :$iconRight />
            @endif
        </div>
        @error($name)
            <p class="help is-danger">{{ $message }}</p>
        @enderror
    </fieldset>
@endif