function TextOptionsDisplay({ options }) { const separator = '|'; const formattedOptions = options.join(` ${separator} `); return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, formattedOptions)); } function TextOptionsDisplayStory() { const options = [ "MATT", "HOME", "首頁" ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TextOptionsDisplay, { options: options, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "relative h-screen overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/landscape-architecture-fog.jpg", alt: "Architectural concrete wall in a mystic foggy landscape with green grass and trees", className: "absolute w-full h-full object-cover", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-[rgba(250,250,250,0.6)]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 p-10 font-sans", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right text-[#000000]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "INICIO | HOME | 首頁"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "PROYECTOS | PROJECTS | 项目"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "PREMIOS | AWARDS | 奖项"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "PUBLICACIONES | NEWS | 出版物"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "ESTUDIO | ABOUT | 关于我们"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "CONTACTO | CONTACT | 联系")))); }