"use client";

import { useRouter } from "next/navigation";

interface SignupButtonProps {
  children: React.ReactNode;
  mode?: "modal" | "redirect";
}

const SignupButton = ({
  children,
  mode = "redirect",
}: SignupButtonProps) => {
  const router = useRouter();
  const onClick = () => {
    router.push("https://prejee.co/register");
  };

  if (mode === "modal") {
    return (
      <span>
        TO:DO Implement Modal
      </span>
    )
  }

  return (
    <span onClick={onClick} className="cursor-pointer">
      {children}
    </span>
  );
};

export default SignupButton;