@props([
    'error' => '',
    'value' => '',
    'type' => 'text',
    'class' => '',
    'opt' => 'opt',
    'size' => 'md'
])

<div class="input-group input-group-{{ $size }}">
    @isset($prepend)
        <div class="input-group-prepend">{!! $prepend !!}</div>
    @endisset
    <x-input {{ $attributes->merge(['value' => $value]) }} :class="$class" :type="$type" :opt="$opt"  :id="$attributes['for']" :name="$attributes['for']" :error="$error" />
    {{-- {!! $slot !!} --}}
    @isset($append)
        <div class="input-group-append">{!! $append !!}</div>
    @endisset
</div>