function PopularToursChat({ tours, onUsersClick, onHomeClick }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex justify-between w-full px-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home text-white text-2xl cursor-pointer", onClick: onHomeClick, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-users text-white text-2xl cursor-pointer", onClick: onUsersClick, __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 w-full px-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, tours.map((tour, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "card bg-white shadow-md p-4 rounded-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: tour.image, alt: `Image of ${tour.title}`, className: "w-full h-[200px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-lg mb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, tour.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, tour.description), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Hosted by ", tour.host))))); } function PopularToursChatStory() { const tours = [ { image: "path/to/image1.jpg", title: "Tour 1", description: "Description 1 of the tour", host: "Host 1" }, { image: "path/to/image2.jpg", title: "Tour 2", description: "Description 2 of the tour", host: "Host 2" }, { image: "path/to/image3.jpg", title: "Tour 3", description: "Description 3 of the tour", host: "Host 3" } ]; const handleUsersClick = ()=>{ console.log("Switch to users view"); }; const handleHomeClick = ()=>{ console.log("Navigate to home view"); }; return /*#__PURE__*/ React.createElement(PopularToursChat, { tours: tours, onUsersClick: handleUsersClick, onHomeClick: handleHomeClick, __source: { fileName: "", lineNumber: 52, columnNumber: 10 }, __self: this }); } function MainComponent() { const items = [ { icon: HomeIcon, label: "Home", href: "#" }, { icon: UsersIcon, label: "Guides", href: "#" }, { icon: MessageCircleIcon, label: "Chat", href: "#" }, { icon: SettingsIcon, label: "Settings", href: "#" } ]; const tours = [ { image: "path/to/image1.jpg", title: "Tour 1", description: "Description 1 of the tour", host: "Host 1" }, { image: "path/to/image2.jpg", title: "Tour 2", description: "Description 2 of the tour", host: "Host 2" }, { image: "path/to/image3.jpg", title: "Tour 3", description: "Description 3 of the tour", host: "Host 3" } ]; const handleUsersClick = ()=>{ console.log("Switch to users view"); }; const handleHomeClick = ()=>{ console.log("Navigate to home view"); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-gray-900 text-white py-4 px-6 flex items-center justify-between", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Traveler Connect"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "h-10 w-10 inline-flex items-center justify-center rounded-md text-sm font-medium bg-gray-900 text-gray-50 hover:bg-gray-900/90", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(SearchIcon, { className: "w-6 h-6", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "h-10 w-10 inline-flex items-center justify-center rounded-md text-sm font-medium bg-gray-900 text-gray-50 hover:bg-gray-900/90", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(MenuIcon, { className: "w-6 h-6", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 overflow-auto bg-gray-100 dark:bg-gray-800 p-6", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(PopularToursChat, { tours: tours, onUsersClick: handleUsersClick, onHomeClick: handleHomeClick, __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }))); } function HomeIcon(props) { return /*#__PURE__*/ React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 63, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("polyline", { points: "9 22 9 12 15 12 15 22", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this })); } function MenuIcon(props) { return /*#__PURE__*/ React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("line", { x1: "4", x2: "20", y1: "6", y2: "6", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("line", { x1: "4", x2: "20", y1: "18", y2: "18", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this })); } function SearchIcon(props) { return /*#__PURE__*/ React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 82, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "11", cy: "11", r: "8", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "m21 21-4.3-4.3", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this })); } function SettingsIcon(props) { return /*#__PURE__*/ React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 91, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "3", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this })); } function UsersIcon(props) { return /*#__PURE__*/ React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 100, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "9", cy: "7", r: "4", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M16 3.13a4 4 0 0 1 0 7.75", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this })); } function MessageCircleIcon(props) { return /*#__PURE__*/ React.createElement("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 111, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", __source: { fileName: "", lineNumber: 112, columnNumber: 7 }, __self: this })); }