function GraphikaIncDesignClone({ src, type }) { return /*#__PURE__*/ React.createElement("video", { className: "w-full h-full object-cover", controls: true, name: "video", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: src, type: type, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), "Your browser does not support the video tag."); } function GraphikaIncDesignCloneStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GraphikaIncDesignClone, { src: "path/to/your/video.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(GraphikaIncDesignClone, { src: "path/to/another/video.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function MainComponent() { const menuItems = [ "Menu1", "Menu2", "Menu3", "Menu4", "Menu5" ].map((item)=>/*#__PURE__*/ React.createElement("li", { key: item, className: "text-black my-2 cursor-pointer font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, item)); return /*#__PURE__*/ React.createElement("div", { className: "w-screen h-screen flex flex-col bg-white", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4 p-4 absolute top-0 left-0", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, menuItems), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(GraphikaIncDesignClone, { src: "path/to/your/video.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }))); }