Placeholders And Vanish Input

"use client";

import { PlaceholdersAndVanishInput } from "@/components/vritti/placeholders-and-vanish-input";

export function PlaceholdersAndVanishInputExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <PlaceholdersAndVanishInput
        placeholders={[
          "Search for components...",
          "Try 'button' or 'modal'...",
          "What are you looking for?",
          "Type something and press Enter...",
        ]}
        onChange={() => {}}
        onSubmit={() => {}}
      />
    </div>
  );
}

"use client";

import { PlaceholdersAndVanishInput } from "@/components/vritti/placeholders-and-vanish-input";

export function PlaceholdersAndVanishInputSearchExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <PlaceholdersAndVanishInput
        placeholders={[
          "How do I center a div?",
          "What is React Server Components?",
          "Explain TypeScript generics",
          "Best practices for CSS Grid",
        ]}
        onChange={() => {}}
        onSubmit={() => {}}
      />
    </div>
  );
}