Cromia Swatches

import CromiaSwatches from "@/components/ui/cromia-swatches"

const settings = { hue: 142, saturation: 71, brightness: 77 }

export default function Demo(props: Partial<typeof settings>) {
  const values = { ...settings, ...props }
  return (
    <div className="flex min-h-[560px] w-full items-center justify-center p-8">
      <CromiaSwatches {...values} />
    </div>
  )
}