function AirportAssistanceForMinors({ helpTypes, handleHelpTypeChange, selectedHelpType, helpContent }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen flex flex-col items-center justify-center bg-[#E0F7FA] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl text-[#01579B] mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Ajuda no Aeroporto para Menores"), /*#__PURE__*/ React.createElement("select", { className: "w-full max-w-[300px] p-3 border border-[#B0BEC5] rounded-md font-roboto mb-4", name: "helpType", onChange: handleHelpTypeChange, value: selectedHelpType, __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Selecione o tipo de ajuda"), helpTypes.map((type)=>/*#__PURE__*/ React.createElement("option", { key: type, value: type, __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, type))), helpContent && /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg p-6 bg-white rounded-md shadow-md", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#0277BD] mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, `Informações sobre ${helpContent}`), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-base text-[#546E7A]", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Aqui você vai encontrar tudo o que precisa saber sobre ", helpContent.toLowerCase(), " no aeroporto para garantir uma viagem sem estresse."))); } function AirportAssistanceForMinorsStory() { const helpTypes = [ "Check-in", "Embarque", "Segurança", "Lojas e Serviços" ]; const [selectedHelpType, setSelectedHelpType] = React.useState(""); const [helpContent, setHelpContent] = React.useState(""); const handleHelpTypeChange = (event)=>{ const newHelpType = event.target.value; setSelectedHelpType(newHelpType); setHelpContent(newHelpType); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AirportAssistanceForMinors, { helpTypes: helpTypes, handleHelpTypeChange: handleHelpTypeChange, selectedHelpType: selectedHelpType, helpContent: helpContent, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })); } function MainComponent() { const helpTypes = [ "Check-in", "Embarque", "Segurança", "Lojas e Serviços" ]; const [selectedHelpType, setSelectedHelpType] = React.useState(''); const handleHelpTypeChange = (event)=>{ setSelectedHelpType(event.target.value); }; return /*#__PURE__*/ React.createElement(AirportAssistanceForMinors, { helpTypes: helpTypes, handleHelpTypeChange: handleHelpTypeChange, selectedHelpType: selectedHelpType, helpContent: selectedHelpType, __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }); }