function Navigation1({ userRole = "guest", isAuthenticated = false, userName = "", userAvatar = "" }) { const [isOpen, setIsOpen] = useState(false); const [showUserMenu, setShowUserMenu] = useState(false); const menuItems = { admin: [ { label: "Gösterge Paneli", icon: "fa-chart-line", href: "/dashboard" }, { label: "Projeler", icon: "fa-project-diagram", href: "/project-management" }, { label: "Pazarlama", icon: "fa-bullhorn", href: "/marketing" }, { label: "Risk Analizi", icon: "fa-chart-bar", href: "/risk-analysis" }, { label: "Raporlar", icon: "fa-file-alt", href: "/reports" }, { label: "Müşteri Portalı", icon: "fa-users", href: "/customer-portal" } ], manager: [ { label: "Gösterge Paneli", icon: "fa-chart-line", href: "/dashboard" }, { label: "Projeler", icon: "fa-project-diagram", href: "/project-management" }, { label: "Raporlar", icon: "fa-file-alt", href: "/reports" }, { label: "Takım", icon: "fa-users", href: "/team" } ], user: [ { label: "Gösterge Paneli", icon: "fa-chart-line", href: "/dashboard" }, { label: "Görevler", icon: "fa-tasks", href: "/tasks" }, { label: "Mesajlar", icon: "fa-envelope", href: "/messages" } ], guest: [ { label: "Giriş Yap", icon: "fa-sign-in-alt", href: "/login" }, { label: "Kayıt Ol", icon: "fa-user-plus", href: "/register" } ] }; const userMenuItems = [ { label: "Profil", icon: "fa-user", href: "/profile" }, { label: "Ayarlar", icon: "fa-cog", href: "/settings" }, { label: "Çıkış Yap", icon: "fa-sign-out-alt", href: "/logout" } ]; return /*#__PURE__*/ React.createElement("nav", { className: "bg-[#ffffff] shadow-lg", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl font-bold", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Logo")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block flex-1", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-4", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, menuItems[userRole].map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.href, className: "font-roboto px-3 py-2 rounded-md text-sm hover:bg-[#f3f4f6] flex items-center gap-2", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${item.icon}`, __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }), item.label)))), isAuthenticated && /*#__PURE__*/ React.createElement("div", { className: "hidden md:block relative", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowUserMenu(!showUserMenu), className: "flex items-center space-x-3 px-3 py-2 rounded-md hover:bg-[#f3f4f6]", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, userAvatar ? /*#__PURE__*/ React.createElement("img", { src: userAvatar, alt: "User avatar", className: "w-8 h-8 rounded-full", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-2xl", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, userName), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-down transform ${showUserMenu ? "rotate-180" : ""} transition-transform`, __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this })), showUserMenu && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, userMenuItems.map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.href, className: "block px-4 py-2 text-sm hover:bg-[#f3f4f6] flex items-center gap-2", __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${item.icon}`, __source: { fileName: "", lineNumber: 102, columnNumber: 23 }, __self: this }), item.label)))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen(!isOpen), className: "p-2 rounded-md hover:bg-[#f3f4f6]", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isOpen ? "fa-times" : "fa-bars"}`, __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }))))), isOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-2 pt-2 pb-3 space-y-1", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, menuItems[userRole].map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.href, className: "font-roboto block px-3 py-2 rounded-md text-sm w-full hover:bg-[#f3f4f6] flex items-center gap-2", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${item.icon}`, __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }), item.label)), isAuthenticated && /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-200 pt-2", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, userMenuItems.map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.href, className: "font-roboto block px-3 py-2 rounded-md text-sm w-full hover:bg-[#f3f4f6] flex items-center gap-2", __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${item.icon}`, __source: { fileName: "", lineNumber: 143, columnNumber: 21 }, __self: this }), item.label)))))); } function Navigation1Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 158, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 159, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this }, "Admin Navigation (Authenticated)"), /*#__PURE__*/ React.createElement(Navigation1, { userRole: "admin", isAuthenticated: true, userName: "John Admin", userAvatar: "https://i.pravatar.cc/150?u=admin", __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, "Manager Navigation (Authenticated)"), /*#__PURE__*/ React.createElement(Navigation1, { userRole: "manager", isAuthenticated: true, userName: "Sarah Manager", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 176, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, "User Navigation (Authenticated)"), /*#__PURE__*/ React.createElement(Navigation1, { userRole: "user", isAuthenticated: true, userName: "Bob User", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 184, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto mb-2", __source: { fileName: "", lineNumber: 185, columnNumber: 9 }, __self: this }, "Guest Navigation"), /*#__PURE__*/ React.createElement(Navigation1, { userRole: "guest", __source: { fileName: "", lineNumber: 186, columnNumber: 9 }, __self: this }))); } function DashboardStats({ roleStats }) { const [stats, setStats] = useState({ admin: [ { label: "Total Users", value: roleStats?.totalUsers || 0, icon: "fa-users", trend: "+5%" }, { label: "Active Projects", value: roleStats?.activeProjects || 0, icon: "fa-project-diagram", trend: "+2%" }, { label: "System Health", value: roleStats?.systemHealth || "100%", icon: "fa-heartbeat", trend: "0%" }, { label: "Revenue", value: roleStats?.revenue || "$0", icon: "fa-dollar-sign", trend: "+12%" }, { label: "Server Load", value: roleStats?.serverLoad || "45%", icon: "fa-server", trend: "-3%" } ], manager: [ { label: "Team Members", value: roleStats?.teamMembers || 0, icon: "fa-user-friends", trend: "0%" }, { label: "Tasks Completed", value: roleStats?.tasksCompleted || 0, icon: "fa-tasks", trend: "+15%" }, { label: "Progress Rate", value: roleStats?.progressRate || "0%", icon: "fa-chart-line", trend: "+8%" }, { label: "Team Velocity", value: roleStats?.velocity || "0", icon: "fa-tachometer-alt", trend: "+5%" }, { label: "Sprint Goals", value: roleStats?.sprintGoals || "0%", icon: "fa-flag", trend: "+10%" } ], user: [ { label: "My Tasks", value: roleStats?.myTasks || 0, icon: "fa-clipboard-list", trend: "+2%" }, { label: "Completed", value: roleStats?.completed || 0, icon: "fa-check-circle", trend: "+5%" }, { label: "Performance", value: roleStats?.performance || "0%", icon: "fa-chart-bar", trend: "+3%" }, { label: "Time Logged", value: roleStats?.timeLogged || "0h", icon: "fa-clock", trend: "+8%" }, { label: "Task Efficiency", value: roleStats?.efficiency || "0%", icon: "fa-bolt", trend: "+6%" } ] }); useEffect(()=>{ const interval = setInterval(()=>{ setStats((prevStats)=>({ ...prevStats, [roleStats?.role]: prevStats[roleStats?.role].map((stat)=>({ ...stat, value: typeof stat.value === "number" ? stat.value + Math.floor(Math.random() * 3) : stat.value, trend: `${Math.random() > 0.5 ? "+" : "-"}${Math.floor(Math.random() * 5)}%` })) })); }, 5000); return ()=>clearInterval(interval); }, [ roleStats?.role ]); return /*#__PURE__*/ React.createElement("div", { className: "w-full p-6 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 120, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-4", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, stats[roleStats?.role || "user"].map((stat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 bg-gray-50 rounded-lg hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${stat.icon} text-blue-500`, __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: `text-sm font-medium ${stat.trend.startsWith("+") ? "text-green-500" : "text-red-500"}`, __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, stat.trend)), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-gray-500 text-sm font-roboto", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, stat.label), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold font-roboto text-gray-800 mt-1", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, stat.value)))))); } function DashboardStatsStory() { const mockStats = { admin: { role: "admin", totalUsers: 1234, activeProjects: 45, systemHealth: "98%", revenue: "$50,000", serverLoad: "45%" }, manager: { role: "manager", teamMembers: 12, tasksCompleted: 89, progressRate: "75%", velocity: "85", sprintGoals: "92%" }, user: { role: "user", myTasks: 8, completed: 5, performance: "85%", timeLogged: "32h", efficiency: "90%" } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 space-y-8", __source: { fileName: "", lineNumber: 181, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 182, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement(DashboardStats, { roleStats: mockStats.admin, __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 186, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, "Manager Dashboard"), /*#__PURE__*/ React.createElement(DashboardStats, { roleStats: mockStats.manager, __source: { fileName: "", lineNumber: 188, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 190, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, "User Dashboard"), /*#__PURE__*/ React.createElement(DashboardStats, { roleStats: mockStats.user, __source: { fileName: "", lineNumber: 192, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [formData, setFormData] = useState({ email: "", password: "", role: "user" }); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const roles = [ { value: "user", label: "User", icon: "fa-user" }, { value: "manager", label: "Manager", icon: "fa-users" }, { value: "admin", label: "Administrator", icon: "fa-user-shield" } ]; const handleInputChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); setError(""); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(""); try { const response = await fetch("/api/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Authentication failed"); } const redirectMap = { admin: "/dashboard", manager: "/project-management", user: "/customer-portal" }; window.location.href = redirectMap[formData.role] || "/dashboard"; } catch (err) { setError("Invalid email or password"); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center px-4", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full space-y-8", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-3xl font-extrabold font-roboto text-gray-900", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Tekrar Hoşgeldiniz"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Lütfen giriş yapın")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-red-50 border-l-4 border-red-500 p-4 rounded", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-500 mr-2", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-500", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, error))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "E-posta Adresi"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-gray-400", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", required: true, value: formData.email, onChange: handleInputChange, className: "pl-10 w-full px-4 py-3 rounded-lg border focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "you@example.com", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "Şifre"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-gray-400", __source: { fileName: "", lineNumber: 94, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", required: true, value: formData.password, onChange: handleInputChange, className: "pl-10 w-full px-4 py-3 rounded-lg border focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "••••••••", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, "Select Role"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-3", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, roles.map((role)=>/*#__PURE__*/ React.createElement("button", { key: role.value, type: "button", onClick: ()=>setFormData({ ...formData, role: role.value }), className: `flex flex-col items-center p-3 rounded-lg border ${formData.role === role.value ? "bg-blue-50 border-blue-500 text-blue-700" : "border-gray-200 hover:border-blue-500"}`, __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${role.icon} text-xl mb-1`, __source: { fileName: "", lineNumber: 126, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 127, columnNumber: 21 }, __self: this }, role.label))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full flex justify-center py-3 px-4 rounded-lg text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin", __source: { fileName: "", lineNumber: 140, columnNumber: 19 }, __self: this }) : "Giriş Yap"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full border-t border-gray-300", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative flex justify-center text-sm", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-2 bg-white text-gray-500", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, "Platforma yeni mi katıldınız?"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/signup", className: "text-blue-600 hover:text-blue-500 font-medium", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "Hesap Oluştur")))))); }