@props(['label', 'note', 'type', 'placeholder', 'modelname'])
<div class="w-full md:flex items-center justify-between my-1 p-3 bg-white rounded-lg  focus:border-none ">
    <label for="" class="px-2 text-sm font-semibold md:text-lg">{{ $label }} <span
            class="text-sm text-bg-variant"> {{ $note }}</span></label>
    <input class="text-center w-full md:w-1/2 px-4 py-2 border-b-2 border-primary my-2" type="{{ $type }}"
        placeholder="{{ $placeholder }}" wire:model="{{ $modelname }}" maxlength="10">
</div>
