function FormComponent({ fullNamePlaceholder, labelFullName, labelBirthDate }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fullName", className: "block text-sm font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, labelFullName), /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", id: "fullName", className: "mt-1 p-2 w-full border rounded-md", placeholder: fullNamePlaceholder, __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "birthdate", className: "block text-sm font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, labelBirthDate), /*#__PURE__*/ React.createElement("input", { type: "date", name: "birthdate", id: "birthdate", className: "mt-1 p-2 w-full border rounded-md", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })))); } function FormComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FormComponent, { fullNamePlaceholder: "أدخل الاسم واللقب", labelFullName: "الاسم واللقب:", labelBirthDate: "تاريخ الولادة:", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this })); } function CompetitionApplicantData({ fullNamePlaceholder, labelFullName, labelBirthDate }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FormComponent, { fullNamePlaceholder: fullNamePlaceholder, labelFullName: labelFullName, labelBirthDate: labelBirthDate, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); } function CompetitionApplicantDataStory() { return /*#__PURE__*/ React.createElement(CompetitionApplicantData, { fullNamePlaceholder: "أدخل الاسم واللقب", labelFullName: "الاسم واللقب:", labelBirthDate: "تاريخ الولادة:", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CompetitionApplicantData, { fullNamePlaceholder: "أدخل الاسم واللقب", labelFullName: "الاسم واللقب:", labelBirthDate: "تاريخ الولادة:", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); }