Delicate Ascii Dots

import DelicateAsciiDots from "@/components/ui/delicate-ascii-dots";

const settings = {
  animationSpeed: 0.75,
  gridSize: 80,
  amplitude: 1,
  frequency: 1,
  backgroundColor: "#F0EEE6",
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="h-screen w-screen relative overflow-hidden">
      <DelicateAsciiDots
        animationSpeed={s.animationSpeed}
        gridSize={s.gridSize}
        amplitude={s.amplitude}
        frequency={s.frequency}
        backgroundColor={s.backgroundColor}
      />
    </div>
  );
}