function MainComponent({ options, name, email, photo }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col items-center justify-center p-4 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[320px] h-[320px] bg-white shadow-lg rounded-lg flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: photo, alt: "User Profile Photo", className: "w-[100px] h-[100px] rounded-full mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-crimson-text mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, name), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500 mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, email), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, options.map((option, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded m-2", name: `option-${index}`, __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, option))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { options: [ 'Option 1', 'Option 2', 'Option 3' ], name: "John Doe", email: "john.doe@example.com", photo: "/profile.jpg", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { options: [ 'Settings', 'Profile', 'Logout' ], name: "Jane Smith", email: "jane.smith@example.com", photo: "/profile2.jpg", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this })); }