@props(['type', 'name', 'label', 'placeholder'])


<div>
    <label for="{{ $name }}" class="block text-gray-700 text-sm font-semibold mb-2">{{ $label }}</label>
    <input type="{{ $type }}" id="{{ $name }}" wire:model="{{ $name }}" {{ $type == 'file' ? 'accept="image/jpeg, image/png, image/jpg"' : '' }}
        class="form-input transition duration-300 ease-linear p-3 border border-gray-300 rounded-md w-full focus:outline-none  "
        placeholder="{{ $placeholder ?? '' }}">
</div>