function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] mx-auto my-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "postText", className: "w-full p-4 border border-gray-300 rounded-lg font-roboto", placeholder: "What's happening?", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "imageInput", className: "cursor-pointer mr-4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-image text-[#1DA1F2]", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "postImage", id: "imageInput", className: "hidden", accept: "image/*", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("label", { htmlFor: "musicVoiceInput", className: "cursor-pointer mr-4", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-music text-[#1DA1F2]", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "postMusicVoice", id: "musicVoiceInput", className: "hidden", accept: "audio/*", __source: { fileName: "", lineNumber: 14, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ navigator.vibrate(200); }, className: "focus:outline-none", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bolt text-[#1DA1F2]", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#1DA1F2] text-white py-2 px-4 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Tweet"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border border-gray-200 rounded-lg p-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm mb-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Username @handle · 1h"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "This is an awesome day!"), /*#__PURE__*/ React.createElement("img", { src: "./path/to/image", alt: "User post image", className: "max-w-full mt-2 rounded-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("audio", { controls: true, className: "w-full mt-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "./path/to/music_or_voice.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), "Your browser does not support the audio element."), /*#__PURE__*/ React.createElement("div", { onClick: ()=>{ navigator.vibrate(200); }, className: "mt-2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bolt text-[#1DA1F2]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), " ", /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 59 }, __self: this }, "Feel the vibe"))))); }