Liquid Gradient

"use client";

import LiquidGradientCanvas, {
  LIQUID_GRADIENT_PRESETS,
  type LiquidGradientPresetName,
} from "@/components/ui/liquid-gradient";

const settings = {
  preset: "sunset",
  speed: 0.6,
  paused: false,
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  const preset =
    LIQUID_GRADIENT_PRESETS[s.preset as LiquidGradientPresetName] ??
    LIQUID_GRADIENT_PRESETS.sunset;

  return (
    <div className="h-screen w-screen">
      <LiquidGradientCanvas {...preset} speed={s.speed} paused={s.paused} />
    </div>
  );
}