function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[url('/brick-wall.jpg')] w-full min-h-screen bg-repeat-x animation-slide", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 left-0 bottom-0", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center w-full h-full", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg text-[#ffffff] mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 15 }, __self: this }, "Graffiti Wall"), /*#__PURE__*/ React.createElement("p", { className: "text-[#ffffff] mb-8", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "Collaborate in real-time with others"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { name: "marker", className: "bg-[#FFD700] py-2 px-4 rounded text-[#000000]", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Marker"), /*#__PURE__*/ React.createElement("button", { name: "spray-can", className: "bg-[#FF6347] py-2 px-4 rounded text-[#000000]", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, "Spray Can"), /*#__PURE__*/ React.createElement("button", { name: "paint-brush", className: "bg-[#40E0D0] py-2 px-4 rounded text-[#000000]", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }, "Paint Brush"), /*#__PURE__*/ React.createElement("button", { name: "eraser", className: "bg-[#FFFFFF] py-2 px-4 rounded text-[#000000]", __source: { fileName: "", lineNumber: 14, columnNumber: 17 }, __self: this }, "Eraser")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "color-picker", type: "color", className: "w-12 h-12 border-0", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "size-picker", type: "range", min: "1", max: "10", className: "w-24", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, ` @keyframes slide { from { background-position-x: 0; } to { background-position-x: -999999px; } } .animation-slide { animation: slide 240s linear infinite; } `)); }