function MainComponent() { const [familyDetails, setFamilyDetails] = React.useState({ kids: 0, teens: 0, adults: 0 }); const handleInputChange = (e)=>{ setFamilyDetails({ ...familyDetails, [e.target.name]: parseInt(e.target.value, 10) }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center h-screen bg-[#DCE6F2]", style: { direction: 'rtl' }, __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-3xl text-[#2C3E50] mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "מתכנן החופשות ליער השחור"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#34495E] mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "התחל לתכנן את החופשה המשפחתית שלך באזור יער השחור. מלא את פרטי המשפחה לחוויה מותאמת אישית."), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "adults", className: "block text-lg text-[#34495E] mb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "מבוגרים (גיל 18+)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "adults", min: "0", placeholder: "מספר מבוגרים", className: "px-4 py-2 w-[300px] border border-[#BDC3C7] rounded-md text-md text-[#34495E] placeholder-[#95A5A6]", onChange: handleInputChange, __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "teens", className: "block text-lg text-[#34495E] mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "נוער (גיל 13-17)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "teens", min: "0", placeholder: "מספר נוער", className: "px-4 py-2 w-[300px] border border-[#BDC3C7] rounded-md text-md text-[#34495E] placeholder-[#95A5A6]", onChange: handleInputChange, __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "kids", className: "block text-lg text-[#34495E] mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "ילדים (גיל 0-12)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "kids", min: "0", placeholder: "מספר ילדים", className: "px-4 py-2 w-[300px] border border-[#BDC3C7] rounded-md text-md text-[#34495E] placeholder-[#95A5A6]", onChange: handleInputChange, __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this })))); }