Color Picker

"use client";

import { ColorPicker } from "@dashboardpack/core/components/ui/color-picker";
import { useState } from "react";

export default function ColorPickerExample() {
  const [color, setColor] = useState("#0d9488");
  return (
    <div className="space-y-4">
      <p className="text-sm font-medium">Brand color</p>
      <ColorPicker
        value={color}
        onChange={setColor}
        presets={["#0d9488", "#2563eb", "#9333ea", "#ea580c"]}
      />
      <div
        className="h-16 w-48 rounded-lg border"
        style={{ backgroundColor: color }}
        role="img"
        aria-label={`Selected color ${color}`}
      />
      <ColorPicker value={color} onChange={setColor} disabled />
    </div>
  );
}