Cromia Channels

import CromiaChannels from "@/components/ui/cromia-channels"

const settings = { hue: 0, saturation: 72, brightness: 94, alpha: 100 }

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">
      <CromiaChannels {...values} />
    </div>
  )
}