function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex justify-center items-center bg-[#f3f4f6]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-center font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "email", id: "email", name: "email", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", htmlFor: "password", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "password", id: "password", name: "password", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full mt-4 bg-blue-500 text-white py-2 rounded-md transition duration-150 ease-in-out hover:bg-blue-600 font-roboto", type: "submit", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Submit"), /*#__PURE__*/ React.createElement("button", { className: "w-full mt-4 bg-blue-500 text-white py-2 rounded-md transition duration-150 ease-in-out hover:bg-blue-600 font-roboto", type: "button", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Admin login"))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this })); }