function MainComponent({ seasons, countries, leagues }) { const seasonsOptions = seasons.map((season, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: season, __source: { fileName: "", lineNumber: 2, columnNumber: 57 }, __self: this }, season)); const countriesOptions = countries.map((country, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: country.name, __source: { fileName: "", lineNumber: 3, columnNumber: 62 }, __self: this }, country.name)); const leaguesOptions = leagues.map((league, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: league.name, __source: { fileName: "", lineNumber: 4, columnNumber: 57 }, __self: this }, league.name)); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4 flex flex-col sm:flex-row sm:space-x-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 sm:mb-0 sm:flex-1", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "season", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Season"), /*#__PURE__*/ React.createElement("select", { name: "season", id: "season", className: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, seasonsOptions)), /*#__PURE__*/ React.createElement("div", { className: "mb-4 sm:mb-0 sm:flex-1", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "country", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Country"), /*#__PURE__*/ React.createElement("select", { name: "country", id: "country", className: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, countriesOptions)), /*#__PURE__*/ React.createElement("div", { className: "sm:flex-1", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "league", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "League"), /*#__PURE__*/ React.createElement("select", { name: "league", id: "league", className: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, leaguesOptions))); } function StoryComponent() { const seasons = [ "2015-2016", "2016-2017", "2017", "2017-2018", "2018", "2018-2019", "2019", "2019-2020" ]; const countries = [ { id: 1, name: "Argentina", code: "ar", flag: null }, { id: 2, name: "Australia-Oceania", code: "c", flag: null }, { id: 3, name: "World", code: "0", flag: null }, { id: 4, name: "Asia", code: "as", flag: null }, { id: 5, name: "France", code: "FR", flag: null }, { id: 6, name: "Austria", code: "AS", flag: null } ]; const leagues = [ { id: 18, name: "Liga A", type: "League", logo: null, country: { id: 6, name: "Argentina", code: "AR", flag: "https://media.api-football.com/flags/ar.svg" }, seasons: [ { season: "2019-2020", start: "2019-11-10", end: "2019-12-23" } ] }, { id: 12, name: "NBA", type: "League", logo: null, country: { id: 5, name: "USA", code: "US", flag: "https://media.api-football.com/flags/us.svg" }, seasons: [ { season: "2019-2020", start: "2019-11-10", end: "2019-12-23" } ] } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { seasons: seasons, countries: countries, leagues: leagues, __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this })); }