@props(['label', 'model', 'type' => 'text', 'options' => [], 'required' => false])

<div class="mb-4">
    <label class="block text-sm font-semibold text-gray-700 dark:text-gray-200">{{ $label }}</label>
    @if($type === 'select')
        <select wire:model.defer="{{ $model }}" class="w-full border rounded dark:bg-gray-700 dark:text-white">
            <option value="">-- Pilih --</option>
            @foreach($options as $value => $option)
                <option value="{{ $value }}">{{ $option }}</option>
            @endforeach
        </select>
    @elseif($type === 'checkbox')
        <input type="checkbox" wire:model.defer="{{ $model }}" class="w-5 h-5">
    @elseif($type === 'file')
        <input type="file" wire:model="{{ $model }}" class="w-full">
    @else
        <input type="{{ $type }}" wire:model.defer="{{ $model }}" class="w-full px-3 py-2 border rounded dark:bg-gray-700 dark:text-white">
    @endif
    @error($model) <div class="text-red-500 text-xs mt-1">{{ $message }}</div> @enderror
</div>