| 1 | "use client"; |
| 2 | |
| 3 | import ColorPicker from "@/components/ui/color-picker"; |
| 4 | |
| 5 | export function ColorField({ |
| 6 | label, |
| 7 | value, |
| 8 | onChange, |
| 9 | }: { |
| 10 | label: string; |
| 11 | value: string; |
| 12 | onChange: (v: string) => void; |
| 13 | }) { |
| 14 | return ( |
| 15 | <div className="flex items-center justify-between gap-3 rounded-md border p-2"> |
| 16 | <div className="text-sm">{label}</div> |
| 17 | <ColorPicker value={value} onChange={onChange} /> |
| 18 | </div> |
| 19 | ); |
| 20 | } |
| 21 |