function MainComponent({ taf, metar }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-lg bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-lg mb-2 text-[#333]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Weather Information"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold text-md text-[#555]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "TAF"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] text-sm font-light", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, taf)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-semibold text-md text-[#555]", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "METAR"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] text-sm font-light", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, metar))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 p-8", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { taf: "TAF AMD LFPG 052002Z 0520/0624 19005KT 9999 BKN030 TX25/0520Z TN15/0604Z", metar: "METAR LFPG 052000Z 21004KT 170V250 9999 BKN035 16/12 Q1020 NOSIG", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); }