Color Picker

import { ColorPicker } from "@/components/ui/color-picker"
import { Button } from "@/components/ui/button"
import { ChevronDownIcon } from "lucide-react"

function ColorPickerDemo() {
	return (
		<ColorPicker value="#5a289e">
			<Button variant="outline" className="flex items-center gap-2">Open Color Picker <ChevronDownIcon size={16} /></Button>
		</ColorPicker>
	)
}

export { ColorPickerDemo }