function ProjectProgress({ percentage = 0, label = "Project Progress" }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full group", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#666666] group-hover:text-[#333333] transition-colors duration-300", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, label), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#666666] group-hover:text-[#333333] transition-colors duration-300", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, percentage, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#eaeaea] rounded-sm h-1 overflow-hidden group-hover:bg-[#d1d1d1] transition-colors duration-300", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] h-1 rounded-sm transform origin-left transition-transform duration-1000 ease-out group-hover:bg-[#333333]", style: { transform: `scaleX(${percentage / 100})` }, __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, ` @keyframes progress-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } } `)); } function ProjectProgressStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProjectProgress, { percentage: 0, label: "New Project", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProjectProgress, { percentage: 25, label: "Design Phase", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProjectProgress, { percentage: 50, label: "Development", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProjectProgress, { percentage: 75, label: "Testing", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProjectProgress, { percentage: 100, label: "Completed", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this })); } function Navbar({ activeLink = "Panel" }) { const links = [ { name: "Panel", icon: "fa-solid fa-chart-line", href: "/" }, { name: "Müşteriler", icon: "fa-solid fa-users", href: "/customers" }, { name: "Projeler", icon: "fa-solid fa-folder", href: "/projects" }, { name: "Raporlar", icon: "fa-solid fa-file-lines", href: "/reports" } ]; return /*#__PURE__*/ React.createElement("nav", { className: "bg-black border-b border-[#333] py-3", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-col md:flex-row space-y-2 md:space-y-0 md:space-x-8", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, links.map((link)=>/*#__PURE__*/ React.createElement("li", { key: link.name, __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.href, className: `flex items-center space-x-2 px-3 py-2 rounded-md transition-all duration-300 ease-in-out transform hover:scale-105 ${activeLink === link.name ? "text-white bg-[#111] shadow-lg shadow-[#222]" : "text-[#888] hover:text-white hover:bg-[#111] hover:shadow-lg hover:shadow-[#222]"}`, __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${link.icon} w-4 h-4 transition-transform duration-300 ease-in-out group-hover:rotate-12`, __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-normal text-sm transition-all duration-300 ease-in-out", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, link.name)))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, ` @keyframes slideIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } nav { animation: slideIn 0.5s ease-out; } `)); } function NavbarStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-black min-h-screen", __source: { fileName: "", lineNumber: 56, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navbar, { activeLink: "Panel", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Navbar, { activeLink: "Müşteriler", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Navbar, { activeLink: "Projeler", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Navbar, { activeLink: "Raporlar", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }))); } function RiskIndicator({ risk = "medium" }) { const riskStyles = { high: "bg-[#ff4d4f] text-[#ffffff]", medium: "bg-[#faad14] text-[#000000]", low: "bg-[#52c41a] text-[#ffffff]" }; const riskLabels = { high: "High", medium: "Medium", low: "Low" }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: `inline-flex items-center px-3 py-1 rounded-full font-semibold ${riskStyles[risk]}`, style: { animation: `pulse-${risk} 2s infinite` }, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, riskLabels[risk]), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, ` @keyframes pulse-high { 0% { box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(255, 77, 79, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 77, 79, 0); } } @keyframes pulse-medium { 0% { box-shadow: 0 0 0 0 rgba(250, 173, 20, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(250, 173, 20, 0); } 100% { box-shadow: 0 0 0 0 rgba(250, 173, 20, 0); } } @keyframes pulse-low { 0% { box-shadow: 0 0 0 0 rgba(82, 196, 26, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(82, 196, 26, 0); } 100% { box-shadow: 0 0 0 0 rgba(82, 196, 26, 0); } } `)); } function RiskIndicatorStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(RiskIndicator, { risk: "high", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(RiskIndicator, { risk: "medium", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(RiskIndicator, { risk: "low", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this })); } function StatusBadge({ status = "default", label }) { const styles = { success: "bg-[#0c221714] text-[#17c964] border-[#17c964]", error: "bg-[#31131414] text-[#f31260] border-[#f31260]", warning: "bg-[#2b1f0314] text-[#f5a524] border-[#f5a524]", default: "bg-[#0c1f2914] text-[#0070f3] border-[#0070f3]" }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", { className: `inline-block px-2 py-1 text-xs font-medium rounded-md border opacity-0 animate-fadeIn ${styles[status]}`, __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, label), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { animation: fadeIn 0.3s ease-in forwards; } `)); } function StatusBadgeStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(StatusBadge, { status: "success", label: "Active", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StatusBadge, { status: "error", label: "Failed", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StatusBadge, { status: "warning", label: "Pending", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StatusBadge, { status: "default", label: "Draft", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this })); } function MainComponent() { const [customers] = useState(1234); const [projects] = useState(89); const [conversionRate] = useState(67.5); const [activeProjects] = useState([ { name: "Website Redesign", progress: 75, risk: "low" }, { name: "Mobile App", progress: 45, risk: "medium" }, { name: "API Integration", progress: 20, risk: "high" } ]); const [recentRequests, setRecentRequests] = useState([]); const [loading, setLoading] = useState(true); useEffect(()=>{ const fetchRequests = async ()=>{ try { const response = await fetch("/api/setup-database", { method: "POST" }); if (!response.ok) throw new Error("Failed to fetch data"); const data = await response.json(); setRecentRequests(data); } catch (err) { console.error("Error fetching requests:", err); } finally{ setLoading(false); } }; fetchRequests(); }, []); const handleApprove = async (id)=>{ try { const response = await fetch("/api/setup-database", { method: "POST" }); if (!response.ok) throw new Error("Failed to update request"); } catch (err) { console.error("Error updating request:", err); } }; const handleReject = async (id)=>{ try { const response = await fetch("/api/setup-database", { method: "POST" }); if (!response.ok) throw new Error("Failed to update request"); } catch (err) { console.error("Error updating request:", err); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-black", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navbar, { activeLink: "Dashboard", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto space-y-6", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-6 shadow-sm", style: { animation: "slideIn 0.3s ease-out" }, __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-zinc-500 dark:text-zinc-400 font-normal text-sm", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "Toplam Müşteriler"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-medium mt-2 text-black dark:text-white", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, customers)), /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-6 shadow-sm", style: { animation: "slideIn 0.3s ease-out 0.1s", animationFillMode: "backwards" }, __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-zinc-500 dark:text-zinc-400 font-normal text-sm", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Aktif Projeler"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-medium mt-2 text-black dark:text-white", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, projects)), /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-6 shadow-sm", style: { animation: "slideIn 0.3s ease-out 0.2s", animationFillMode: "backwards" }, __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-zinc-500 dark:text-zinc-400 font-normal text-sm", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "Dönüşüm Oranı"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-medium mt-2 text-black dark:text-white", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, conversionRate, "%"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-6 shadow-sm", style: { animation: "slideIn 0.3s ease-out 0.3s", animationFillMode: "backwards" }, __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium mb-4 text-black dark:text-white", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "Risk Analizi"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, activeProjects.map((project, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-zinc-900 dark:text-zinc-100", __source: { fileName: "", lineNumber: 113, columnNumber: 21 }, __self: this }, project.name), /*#__PURE__*/ React.createElement(RiskIndicator, { risk: project.risk, __source: { fileName: "", lineNumber: 116, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg p-6 shadow-sm", style: { animation: "slideIn 0.3s ease-out 0.4s", animationFillMode: "backwards" }, __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium mb-4 text-black dark:text-white", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, "Proje Zaman Çizelgesi"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, activeProjects.map((project, index)=>/*#__PURE__*/ React.createElement(ProjectProgress, { key: index, percentage: project.progress, label: project.name, __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg shadow-sm", style: { animation: "fadeIn 0.6s ease-out" }, __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium p-6 text-black dark:text-white border-b border-zinc-200 dark:border-zinc-800", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, "Son Müşteri Talepleri"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b border-zinc-200 dark:border-zinc-800", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 text-sm font-medium text-zinc-500 dark:text-zinc-400", __source: { fileName: "", lineNumber: 154, columnNumber: 21 }, __self: this }, "Müşteri"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 text-sm font-medium text-zinc-500 dark:text-zinc-400", __source: { fileName: "", lineNumber: 157, columnNumber: 21 }, __self: this }, "Talep"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 text-sm font-medium text-zinc-500 dark:text-zinc-400", __source: { fileName: "", lineNumber: 160, columnNumber: 21 }, __self: this }, "Tarih"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 text-sm font-medium text-zinc-500 dark:text-zinc-400", __source: { fileName: "", lineNumber: 163, columnNumber: 21 }, __self: this }, "Öncelik"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 text-sm font-medium text-zinc-500 dark:text-zinc-400", __source: { fileName: "", lineNumber: 166, columnNumber: 21 }, __self: this }, "Durum"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-4 text-sm font-medium text-zinc-500 dark:text-zinc-400", __source: { fileName: "", lineNumber: 169, columnNumber: 21 }, __self: this }, "İşlemler"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 176, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { colSpan: "6", className: "p-4 text-center text-zinc-500", __source: { fileName: "", lineNumber: 177, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 178, columnNumber: 25 }, __self: this }), "Loading...")) : recentRequests.length === 0 ? /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 183, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { colSpan: "6", className: "p-4 text-center text-zinc-500", __source: { fileName: "", lineNumber: 184, columnNumber: 23 }, __self: this }, "No requests found")) : recentRequests.map((request)=>/*#__PURE__*/ React.createElement("tr", { key: request.id, className: "border-b border-zinc-200 dark:border-zinc-800", __source: { fileName: "", lineNumber: 190, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-4 text-sm text-zinc-900 dark:text-zinc-100", __source: { fileName: "", lineNumber: 194, columnNumber: 25 }, __self: this }, request.customer), /*#__PURE__*/ React.createElement("td", { className: "p-4 text-sm text-zinc-900 dark:text-zinc-100", __source: { fileName: "", lineNumber: 197, columnNumber: 25 }, __self: this }, request.request), /*#__PURE__*/ React.createElement("td", { className: "p-4 text-sm text-zinc-900 dark:text-zinc-100", __source: { fileName: "", lineNumber: 200, columnNumber: 25 }, __self: this }, new Date(request.date).toLocaleDateString()), /*#__PURE__*/ React.createElement("td", { className: "p-4", __source: { fileName: "", lineNumber: 203, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement(RiskIndicator, { risk: request.priority, __source: { fileName: "", lineNumber: 204, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "p-4", __source: { fileName: "", lineNumber: 206, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement(StatusBadge, { status: request.status === "completed" ? "success" : request.status === "in-progress" ? "warning" : request.status === "rejected" ? "error" : "default", label: request.status === "completed" ? "tamamlandı" : request.status === "in-progress" ? "devam ediyor" : request.status === "rejected" ? "reddedildi" : "beklemede", __source: { fileName: "", lineNumber: 207, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "p-4", __source: { fileName: "", lineNumber: 228, columnNumber: 25 }, __self: this }, request.status === "pending" && /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 230, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleApprove(request.id), className: "px-3 py-1 bg-green-500 text-white rounded-md hover:bg-green-600 transition-colors", __source: { fileName: "", lineNumber: 231, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-1", __source: { fileName: "", lineNumber: 235, columnNumber: 33 }, __self: this }), "Onayla"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleReject(request.id), className: "px-3 py-1 bg-red-500 text-white rounded-md hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 238, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-1", __source: { fileName: "", lineNumber: 242, columnNumber: 33 }, __self: this }), "Reddet"))))))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 257, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } `)); }