Squiggly Text

"use client";
import React from "react";
import { SquigglyText } from "@/lab/aceternity/ui/squiggly-text";

export default function SquigglyTextDemo() {
  return (
    <div className="@container relative flex h-full w-full items-center justify-center p-4">
      <h1 className="text-center text-[clamp(1.5rem,8cqw,6rem)] leading-tight font-bold text-neutral-900 dark:text-neutral-100">
        How many{" "}
        <SquigglyText stepDuration={70} scale={[6, 9]} className="text-amber-500">
          drinks
        </SquigglyText>{" "}
        <br />
        are <SquigglyText scale={5}>too many</SquigglyText> drinks?
      </h1>
    </div>
  );
}