@props(['disabled' => false, 'id' => 'phone', 'dialCodeValue' => '', 'iso2Value' => '', 'phoneValue' => '', 'wire' => false])
<div @if($wire) wire:ignore @endif>
    <input id="{{ $id }}" {{ $disabled ? 'disabled' : '' }}
        {!! $attributes->merge([
            'class' => 'sm__form-control',
            'style' => 'transition: all 0.15s ease 0s;'
        ]) !!}>
    {{ $slot }}
</div>
@push('forms-stack')
    <script>
        phoneInput('{{ $id }}', '{{ $phoneValue }}', '{{ $dialCodeValue }}', '{{ $iso2Value }}', '{{ $wire }}')
    </script>
    <style>
        .iti--allow-dropdown {
            width: 100%
        }
    </style>
@endpush