function AdSettings({ onSettingsChange, initialSettings }) { const [settings, setSettings] = useState(initialSettings || { size: { width: 300, height: 250 }, position: "top-right", colors: { background: "#FFFFFF", text: "#000000", border: "#CCCCCC" }, targeting: { demographics: "all", location: "global", interests: [] } }); const handleSettingChange = (category, value)=>{ const newSettings = { ...settings, [category]: value }; setSettings(newSettings); onSettingsChange?.(newSettings); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 max-w-[800px] font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b pb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Ad Format Settings")), /*#__PURE__*/ React.createElement("div", { className: "grid gap-6", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Size"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "Width (px)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "width", value: settings.size.width, onChange: (e)=>handleSettingChange("size", { ...settings.size, width: parseInt(e.target.value) }), className: "border rounded px-3 py-2 w-[120px]", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "Height (px)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "height", value: settings.size.height, onChange: (e)=>handleSettingChange("size", { ...settings.size, height: parseInt(e.target.value) }), className: "border rounded px-3 py-2 w-[120px]", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Position"), /*#__PURE__*/ React.createElement("select", { name: "position", value: settings.position, onChange: (e)=>handleSettingChange("position", e.target.value), className: "border rounded px-3 py-2 w-full", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "top-left", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Top Left"), /*#__PURE__*/ React.createElement("option", { value: "top-right", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Top Right"), /*#__PURE__*/ React.createElement("option", { value: "bottom-left", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Bottom Left"), /*#__PURE__*/ React.createElement("option", { value: "bottom-right", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "Bottom Right"), /*#__PURE__*/ React.createElement("option", { value: "center", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, "Center"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Colors"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-3", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, "Background"), /*#__PURE__*/ React.createElement("input", { type: "color", name: "backgroundColor", value: settings.colors.background, onChange: (e)=>handleSettingChange("colors", { ...settings.colors, background: e.target.value }), className: "w-[100px] h-[40px]", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, "Text"), /*#__PURE__*/ React.createElement("input", { type: "color", name: "textColor", value: settings.colors.text, onChange: (e)=>handleSettingChange("colors", { ...settings.colors, text: e.target.value }), className: "w-[100px] h-[40px]", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, "Border"), /*#__PURE__*/ React.createElement("input", { type: "color", name: "borderColor", value: settings.colors.border, onChange: (e)=>handleSettingChange("colors", { ...settings.colors, border: e.target.value }), className: "w-[100px] h-[40px]", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, "Targeting"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, "Demographics"), /*#__PURE__*/ React.createElement("select", { name: "demographics", value: settings.targeting.demographics, onChange: (e)=>handleSettingChange("targeting", { ...settings.targeting, demographics: e.target.value }), className: "border rounded px-3 py-2 w-full", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }, "All Ages"), /*#__PURE__*/ React.createElement("option", { value: "18-24", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }, "18-24"), /*#__PURE__*/ React.createElement("option", { value: "25-34", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }, "25-34"), /*#__PURE__*/ React.createElement("option", { value: "35-44", __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this }, "35-44"), /*#__PURE__*/ React.createElement("option", { value: "45+", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }, "45+"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 155, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("select", { name: "location", value: settings.targeting.location, onChange: (e)=>handleSettingChange("targeting", { ...settings.targeting, location: e.target.value }), className: "border rounded px-3 py-2 w-full", __source: { fileName: "", lineNumber: 157, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "global", __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }, "Global"), /*#__PURE__*/ React.createElement("option", { value: "north-america", __source: { fileName: "", lineNumber: 169, columnNumber: 19 }, __self: this }, "North America"), /*#__PURE__*/ React.createElement("option", { value: "europe", __source: { fileName: "", lineNumber: 170, columnNumber: 19 }, __self: this }, "Europe"), /*#__PURE__*/ React.createElement("option", { value: "asia", __source: { fileName: "", lineNumber: 171, columnNumber: 19 }, __self: this }, "Asia"), /*#__PURE__*/ React.createElement("option", { value: "other", __source: { fileName: "", lineNumber: 172, columnNumber: 19 }, __self: this }, "Other")))))))); } function AdSettingsStory() { const [settings, setSettings] = useState(); return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 187, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AdSettings, { initialSettings: settings, onSettingsChange: setSettings, __source: { fileName: "", lineNumber: 188, columnNumber: 7 }, __self: this })); } function AdFormatCard({ image, title, description }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded-lg overflow-hidden shadow-lg bg-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[200px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: `Preview of ${title} ad format`, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl font-bold mb-2 text-gray-800", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600 text-base", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, description))); } function AdFormatCardStory() { const adFormats = [ { image: "/banner-ad.jpg", title: "Banner Ad", description: "Standard rectangular banner perfect for website headers and footers" }, { image: "/video-ad.jpg", title: "Video Ad", description: "Engaging video format for maximum user interaction" }, { image: "/native-ad.jpg", title: "Native Ad", description: "Seamlessly integrated ads that match your content style" } ]; return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 p-6", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, adFormats.map((format, index)=>/*#__PURE__*/ React.createElement(AdFormatCard, { key: index, image: format.image, title: format.title, description: format.description, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }))); } function Sidebar({ children }) { const [selectedNav, setSelectedNav] = useState("dashboard"); const [isOpen, setIsOpen] = useState(false); const navItems = [ { id: "dashboard", icon: "fa-chart-pie", label: "Dashboard", path: "/" }, { id: "campaigns", icon: "fa-bullhorn", label: "Campaigns", path: "/campaigns" }, { id: "formats", icon: "fa-shapes", label: "Ad Formats", path: "/ad-formats" }, { id: "deposits", icon: "fa-wallet", label: "Deposits", path: "/deposit" }, { id: "create", icon: "fa-plus", label: "Create Campaign", path: "/create-ad" }, { id: "new", icon: "fa-file", label: "New Campaign", path: "/campaigns/new" }, { id: "auth", icon: "fa-user", label: "Authentication", path: "/auth" } ]; const stats = [ { title: "Total Revenue", value: "$12,875", change: "+12%", icon: "fa-solid fa-dollar-sign" }, { title: "Active Campaigns", value: "24", change: "+3%", icon: "fa-solid fa-bullhorn" }, { title: "Click Rate", value: "3.2%", change: "-0.5%", icon: "fa-solid fa-mouse-pointer" }, { title: "Impressions", value: "48.5K", change: "+18%", icon: "fa-solid fa-eye" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 63, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 left-0 right-0 bg-white border-b border-gray-200 z-50", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center px-4 py-3", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen(!isOpen), className: "md:hidden text-gray-600", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-bars text-xl", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-roboto font-bold ml-3", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "AdDash")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-600", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-bell", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-gray-600", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-user-circle text-2xl", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex h-screen pt-16", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: `fixed md:static bg-white w-64 h-full shadow-lg transform ${isOpen ? "translate-x-0" : "-translate-x-full"} md:translate-x-0 transition-transform duration-200 ease-in-out`, __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, navItems.map((item)=>/*#__PURE__*/ React.createElement("button", { key: item.id, onClick: ()=>{ setSelectedNav(item.id); window.location.href = item.path; }, className: `w-full flex items-center space-x-2 px-4 py-2 rounded-lg ${selectedNav === item.id ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa-solid ${item.icon}`, __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 102, columnNumber: 19 }, __self: this }, item.label)))))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-6 overflow-auto", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, stats.map((stat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 115, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 116, columnNumber: 23 }, __self: this }, stat.title), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold mt-1 font-roboto", __source: { fileName: "", lineNumber: 119, columnNumber: 23 }, __self: this }, stat.value), /*#__PURE__*/ React.createElement("span", { className: `text-sm ${stat.change.startsWith("+") ? "text-green-500" : "text-red-500"}`, __source: { fileName: "", lineNumber: 122, columnNumber: 23 }, __self: this }, stat.change)), /*#__PURE__*/ React.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center ${stat.change.startsWith("+") ? "bg-green-50 text-green-500" : "bg-red-50 text-red-500"}`, __source: { fileName: "", lineNumber: 128, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${stat.icon} text-xl`, __source: { fileName: "", lineNumber: 131, columnNumber: 23 }, __self: this })))))), children)))); } function SidebarStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 147, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Sidebar, { __source: { fileName: "", lineNumber: 148, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-sm p-6", __source: { fileName: "", lineNumber: 149, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, "Sample Content"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, "This is where page content will be rendered.")))); } function MainComponent() { const [selectedNav, setSelectedNav] = useState("dashboard"); const [isOpen, setIsOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Sidebar, { __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "md:ml-64 p-6", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 19 }, __self: this }, "Balance"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold mt-1 font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 19 }, __self: this }, "$5,240"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-green-500", __source: { fileName: "", lineNumber: 17, columnNumber: 19 }, __self: this }, "+8% this month")), /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full flex items-center justify-center bg-green-50 text-green-500", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-wallet text-xl", __source: { fileName: "", lineNumber: 20, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }, "Active Campaigns"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold mt-1 font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 19 }, __self: this }, "12"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-green-500", __source: { fileName: "", lineNumber: 31, columnNumber: 19 }, __self: this }, "+2 this week")), /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full flex items-center justify-center bg-blue-50 text-blue-500", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-bullhorn text-xl", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 19 }, __self: this }, "Total Clicks"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold mt-1 font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, "45.2K"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-green-500", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }, "+12% this month")), /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full flex items-center justify-center bg-purple-50 text-purple-500", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-mouse-pointer text-xl", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 19 }, __self: this }, "Total Impressions"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold mt-1 font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 19 }, __self: this }, "128.5K"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-green-500", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, "+18% this month")), /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full flex items-center justify-center bg-yellow-50 text-yellow-500", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-eye text-xl", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-sm p-6 mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Recent Activities"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center p-3 hover:bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-blue-50 flex items-center justify-center text-blue-500 mr-4", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-play", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto font-medium", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, "New campaign started"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, "Summer Sale Campaign")), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "2h ago")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center p-3 hover:bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-green-50 flex items-center justify-center text-green-500 mr-4", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-check", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto font-medium", __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, "Campaign goal reached"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, "Spring Collection")), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, "1d ago")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center p-3 hover:bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-yellow-50 flex items-center justify-center text-yellow-500 mr-4", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-exclamation", __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto font-medium", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }, "Budget alert"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, "Winter Promotion near limit")), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, "2d ago"))))))); }