"use client";

import { useState } from "react";
import { V150EarlyAccessModal } from "@/components/layout/v150-early-access-modal";

export function SignUpSection() {
  const [isModalOpen, setIsModalOpen] = useState(false);

  return (
    <>
      <p className="text-muted-foreground">
        Want to be the first to know about new features?{" "}
        <button
          onClick={() => setIsModalOpen(true)}
          className="text-primary hover:underline font-medium cursor-pointer bg-transparent border-none p-0"
        >
          Sign up for early access
        </button>{" "}
        to upcoming releases.
      </p>

      <V150EarlyAccessModal
        isOpen={isModalOpen}
        onClose={() => setIsModalOpen(false)}
      />
    </>
  );
}