import React, { useState } from "react"; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog"; export default function CourseraClone() { const [showLogin, setShowLogin] = useState(false); const [showSignup, setShowSignup] = useState(false); const [loginForm, setLoginForm] = useState({ email: "", password: "" }); const [signupForm, setSignupForm] = useState({ name: "", email: "", password: "" }); const handleLoginChange = (e) => { const { name, value } = e.target; setLoginForm({ ...loginForm, [name]: value }); }; const handleSignupChange = (e) => { const { name, value } = e.target; setSignupForm({ ...signupForm, [name]: value }); }; const handleLoginSubmit = (e) => { e.preventDefault(); console.log("Logging in with:", loginForm); setShowLogin(false); }; const handleSignupSubmit = (e) => { e.preventDefault(); console.log("Signing up with:", signupForm); setShowSignup(false); }; return ( ); }