Cromia Color Picker

import CromiaColorPicker from "@/components/ui/cromia-color-picker"

const settings = {
  hue: 217,
  saturation: 76,
  brightness: 96,
  alpha: 100,
}

export default function CromiaColorPickerDemo(
  props: Partial<typeof settings>,
) {
  const values = { ...settings, ...props }

  return (
    <div className="flex min-h-[560px] w-full items-center justify-center p-8">
      <CromiaColorPicker
        hue={values.hue}
        saturation={values.saturation}
        brightness={values.brightness}
        alpha={values.alpha}
      />
    </div>
  )
}