function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 max-w-lg mx-auto my-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold mb-1", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Customer Feedback Card"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Join our mailing list to receive information, promotions, gifts and more...")), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "border p-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "mobileNumber", placeholder: "Mobile Number", className: "border p-2", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dateOfBirth", className: "border p-2", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "border p-2", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("fieldset", { className: "border-t border-b py-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("legend", { className: "px-2", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "How do you rate the following?"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(RatingRow, { label: "Food Quality", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(RatingRow, { label: "Choice of Menu", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(RatingRow, { label: "Service Efficiency", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(RatingRow, { label: "Atmosphere", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement(RatingRow, { label: "Overall Experience", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "servedBy", className: "flex-grow", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Served by (Waiter/Waitress):"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "servedBy", id: "servedBy", className: "flex-grow border p-2", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "feedbackSource", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "How did you hear about us?", /*#__PURE__*/ React.createElement("input", { type: "text", name: "feedbackSource", id: "feedbackSource", className: "border p-2 w-full", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("label", { htmlFor: "suggestions", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Comments and suggestions to improve our services?", /*#__PURE__*/ React.createElement("textarea", { name: "suggestions", id: "suggestions", className: "border p-2 w-full", rows: "4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "border p-2 w-full mt-4 bg-orange-600 text-white", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, "Submit Feedback"))); } function RatingRow({ label }) { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 82, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex-grow", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, label), /*#__PURE__*/ React.createElement("input", { type: "radio", name: `${label.toLowerCase().replace(/ /g, '-')}-rating`, value: "excellent", className: "mr-1", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "radio", name: `${label.toLowerCase().replace(/ /g, '-')}-rating`, value: "good", className: "mr-1", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "radio", name: `${label.toLowerCase().replace(/ /g, '-')}-rating`, value: "average", className: "mr-1", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "radio", name: `${label.toLowerCase().replace(/ /g, '-')}-rating`, value: "poor", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this })); }