function MainComponent({ type, text, label, alignment }) { const commonTextClass = "text-center font-roboto text-[#FF69B4] mb-4"; const commonInputClass = "p-2 rounded text-black bg-transparent border border-[#FF69B4] placeholder-[#FF69B4]"; const buttonClass = "mx-auto font-roboto p-2 rounded my-4 w-full bg-[#FFFF00] text-[#008000]"; switch(type){ case "Title": return /*#__PURE__*/ React.createElement("h1", { className: `text-3xl font-bold font-roboto text-[#B19CD9] mb-8 text-center`, __source: { fileName: "", lineNumber: 8, columnNumber: 14 }, __self: this }, text); case "Text": return /*#__PURE__*/ React.createElement("p", { className: commonTextClass, __source: { fileName: "", lineNumber: 10, columnNumber: 14 }, __self: this }, text); case "TextBox": return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: label.toLowerCase().replace(/\s+/g, "_"), placeholder: label, className: commonInputClass, __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this })); case "PasswordBox": return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: label.toLowerCase().replace(/\s+/g, "_"), placeholder: label, className: commonInputClass, __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })); case "Checkbox": return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: label.toLowerCase().replace(/['.]/g, "").replace(/\s+/g, "_"), className: "mr-2", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-[#FF69B4]", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, label)); case "Button": return /*#__PURE__*/ React.createElement("div", { className: `flex justify-${alignment === "centered" ? "center" : ""}`, __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: buttonClass, __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, label)); } } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-cover bg-center", style: { backgroundImage: 'url("enchanted-background.jpg")' }, __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { type: "Title", text: "Brats Fantasy World!", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "Text", text: "Your Fantasy Awaits.", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "TextBox", label: "What Do U Want To Be Called", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "TextBox", label: "Email", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "PasswordBox", label: "ssshhh our Secret", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "PasswordBox", label: "Confirm Secret", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "Checkbox", label: "I'm 25 years old or older", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "Checkbox", label: "I agree to the Terms of Service", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "Text", text: "Policy: [Placeholder for policy text]", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "Button", label: "Start Fantasy", alignment: "centered", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { type: "Button", label: "Continue Fantasy", alignment: "centered", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this })); }