بناء منتقي الألوان مع Livewire v4

@php
new class extends Livewire\Component {
    public string $color = '#3b82f6';
    public array $presets = ['#ef4444', '#22c55e', '#3b82f6', '#eab308', '#8b5cf6'];
}
@endphp

<div>
    <input type="color" wire:model.live="color">
    <input type="text" wire:model.live="color">
    
    @foreach($presets as $preset)
        <button 
            wire:click="$set('color', '{{ $preset }}')"
            style="background: {{ $preset }}">
        </button>
    @endforeach
</div>