Placeholders And Vanish Input

"use client";

import { PlaceholdersAndVanishInput } from "@/lab/aceternity/ui/placeholders-and-vanish-input";

const placeholders = [
  "What's the first rule of Fight Club?",
  "Who is Tyler Durden?",
  "Where is Andrew Laeddis Hiding?",
  "Write a Javascript method to reverse a string",
  "How to assemble your own PC?",
];

export default function PlaceholdersAndVanishInputDemo() {
  return (
    <div className="@container relative flex h-full w-full flex-col items-center justify-center px-4">
      <h2 className="mb-[clamp(1rem,6cqw,4rem)] text-center text-[clamp(1.1rem,4.5cqw,3rem)] text-black dark:text-white">
        Ask Aceternity UI Anything
      </h2>
      <PlaceholdersAndVanishInput placeholders={placeholders} />
    </div>
  );
}