<div role="lwtelefonolabel" align="left">
    <!--*******************************************************************-->
    <!--** NOMBRE DEL COMPOTENTE: LW INPUT TELEFONO                      **-->
    <!--** AUTOR: JOUNNERTH TORRES                                       **-->
    <!--** FECHA DE ACTUALIZACION: 08/04/2023                            **-->
    <!--*******************************************************************-->
    <label for="{{ $identificador }}"
        class="m-0 p-0 {{ config('app.text') }}"><small><strong>{{ $label }}</strong></small></label>
    <div class="input-group input-group-sm shadow-sm">
        <span
            class="  @error($identificador) border border-danger {{ config('app.text') }}  @enderror input-group-text  rounded-0 bg-light  border-1 text-dark border-end-0"
            id="{{ $identificador }}-icono"><i
                class="fa-solid fa-phone  @error($identificador)  text-danger @enderror  "></i></span>
        <input id="{{ $identificador }}" name="{{ $identificador }}" type="tel"
            class="form-control  rounded-0 bg-light border-1  shadow-sm  border-start-0 @error($identificador) is-invalid   @enderror"
            value="{{ old('$identificador') }}" autocomplete="off" minlength="10" maxlength="15"
            placeholder="{{ $msj }}" wire:model.defer="{{ $identificador }}">
    </div>
    <p class="p-0 m-0 text-danger d-none" id="msj-error-{{ $identificador }}"
        style="font-size: 9px; font-weight: bold;">{{ $msj }}</p>
    @error($identificador)
        <small id="{{ $identificador }}-error" class="text-danger"><i
                class="fas fa-exclamation-circle"></i>&nbsp;{{ $message }}</small>
    @enderror
</div>
