function MainComponent({ kecamatanOptions }) { return /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-orange-500 mb-4 font-sans", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Silahkan Lengkapi Data Alamat Kost Anda"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "alamat", className: "block font-medium font-sans", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Alamat"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "alamat", id: "alamat", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "provinsi", className: "block font-medium font-sans", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Provinsi"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "provinsi", id: "provinsi", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "kabupaten", className: "block font-medium font-sans", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Kabupaten"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "kabupaten", id: "kabupaten", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "kecamatan", className: "block font-medium font-sans", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Kecamatan"), /*#__PURE__*/ React.createElement("select", { name: "kecamatan", id: "kecamatan", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, kecamatanOptions.map((option, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: option, __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, option)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "detailAlamat", className: "block font-medium font-sans", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Detail Alamat"), /*#__PURE__*/ React.createElement("textarea", { name: "detailAlamat", id: "detailAlamat", rows: "4", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this })))); } function StoryComponent() { const kecamatanOptions = [ "Kecamatan 1", "Kecamatan 2", "Kecamatan 3" ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { kecamatanOptions: kecamatanOptions, __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this })); }