Function PickerExample

components/PickerExample.tsx:16–27

()

import { useMemo, useState } from 'react'

export function PickerExample() {
  const [background, setBackground] = useState('linear-gradient(to bottom right,#ff75c3,#ffa647,#ffe83f,#9fff5b,#70e2ff,#cd93ff)')

  return (
    <div
      className="preview flex h-full min-h-[350px] w-full items-center justify-center rounded !bg-cover !bg-center p-10 transition-all"
      style={{ background }}
    >
      <GradientPicker background={background} setBackground={setBackground} />
    </div>
  )
}

export function GradientPicker({
  background,