function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-sm mx-auto my-10 bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-cover bg-center h-56 p-4", style: { backgroundImage: "url('./profile-cover.jpg')" }, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-white text-blue-500 hover:bg-blue-500 hover:text-white p-2 rounded-full transition-colors duration-300", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-pencil-alt", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center -mt-8", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./profile-picture.jpg", alt: "Profile avatar", className: "rounded-full border-solid border-white border-2 -mt-3", style: { width: "100px", height: "100px" }, __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center px-3 pb-6 pt-2", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-black text-sm bold font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "John Doe"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-sans font-light text-grey-dark", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Hello, I'm a just a dummy contact in your phonebook")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center pb-3 text-grey-dark", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mr-3 border-r pr-3", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "34"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Posts")), /*#__PURE__*/ React.createElement("div", { className: "text-center mr-3 border-r pr-3", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "1256"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Followers")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "345"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Following")))); }