function NumberedMonumentsList({ monuments }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("ol", { className: "list-decimal pl-5", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, monuments.map((monument, i)=>/*#__PURE__*/ React.createElement("li", { key: i, className: "py-2 border-b border-[#ddd] font-crimson-text", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, monument.name)))); } function NumberedMonumentsListStory() { const sampleMonuments = [ { name: 'Monumento 1' }, { name: 'Monumento 2' }, { name: 'Monumento 3' } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-sans", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NumberedMonumentsList, { monuments: sampleMonuments, __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this })); } function MainComponent() { const monuments = Array.from({ length: 20 }, (_, i)=>({ name: `Monumento #${i + 1}` })); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text text-[#343a40] my-6", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, "Monumenti Romani di Ascoli Piceno"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { title: "Mappa di Ascoli Piceno", src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3056.665298282859!2d13.5750157157774!3d42.852841279156536!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x13322e7d3fc9afd7%3A0xd9e7c1b3a310e66d!2sAscoli%20Piceno%2C%20Province%20of%20Ascoli%20Piceno%2C%20Italy!5e0!3m2!1sen!2sus!4v1634643754347!5m2!1sen!2sus", width: "100%", height: "100%", loading: "lazy", className: "border-0", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-6 w-full max-w-[400px] text-[#343a40]", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(NumberedMonumentsList, { monuments: monuments, __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, ` body { margin: 0; font-family: 'Roboto', sans-serif; } `)); }