function MainComponent() { const [isOpen, setIsOpen] = React.useState(true); return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen font-sans", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `bg-gray-200 ${isOpen ? "w-[250px]" : "w-[50px]"} p-4 transition-all duration-300`, __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsOpen(!isOpen), className: "mb-4 focus:outline-none", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isOpen ? "fa-chevron-left" : "fa-chevron-right"} text-lg`, __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })), isOpen && /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-bold text-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "コンテンツ")), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-bold text-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "ホテルについて")), /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-bold text-lg", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "旅程")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-bold text-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "チーム対抗ゲームについて")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-8 relative", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./path-to-your-image.jpg", alt: "大学サークルの夏合宿", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-black bg-opacity-50", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-4xl font-bold", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "激アツ局は激アツな夏合宿から！")))); }