<div>
    <form wire:submit="addCaracteristica" class="flex space-x-4">
        <div class="flex-1 ">

            <x-label class="mb-1">Valor</x-label>
            @switch($opcion->tipo)
                @case(1)
                    <x-input class="w-full" wire:model="nuevaCaracteristica.valor" placeholder="Ingrese el valor de la Opción" />
                @break

                @case(2)
                    <div class="border border-gray-300 rounded-md h-[42px] flex items-center justify-between px-3">
                        {{ $nuevaCaracteristica['valor'] ?: 'Seleccione un color' }}
                        <input type="color" wire:model.live="nuevaCaracteristica.valor">
                    </div>
                @break

                @default
            @endswitch

        </div>
        <div class="flex-1">
            <x-label class="mb-1">Descripcion</x-label>
            <x-input class="w-full" wire:model="nuevaCaracteristica.descripcion" placeholder="Ingrese la descripción" />
        </div>
        <div class="pt-7">
            <x-button>
                Agregar
            </x-button>
        </div>
    </form>
</div>
