function MainComponent({ name, email, mobile, age, address, occupation }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md max-w-md mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Profile"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Name:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, name)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, email)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Mobile:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, mobile)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Age:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, age)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Address:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, address)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Occupation:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, occupation)), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Edit"))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { name: "John Doe", email: "john.doe@example.com", mobile: "123-456-7890", age: "30", address: "123 Main St, Hometown, Country", occupation: "Software Engineer", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this })); }