'use client';

import { MorphingButton } from "@/components/ui/button";
import React from "react";

export default function MorphingButtonDemo() {
  const handleNotify = (email: string) => {
    console.log("Notification requested for:", email);

    alert(`Success! You'll be notified at ${email}`);
  };

  return (
    <div className="flex min-h-[400px] w-full flex-col items-center justify-center bg-background p-10">
      
      <MorphingButton
        buttonText="Notify Me"
        placeholder="Enter your email..."
        onSubmit={handleNotify}
      />

    </div>
  );
}