function MainComponent() { const [selectedTests, setSelectedTests] = React.useState({ galletita1: '', galletita2: '', galletita3: '' }); const handleSelectTest = (galletita, testType)=>{ setSelectedTests((prev)=>({ ...prev, [galletita]: testType })); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-8 font-sans", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-8", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, "Selección de producto a evaluar"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 w-full max-w-[1200px] mb-8", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-md overflow-hidden w-full", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./galletita1.jpg", alt: "Galletita uno en envase", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Galletita Uno"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around w-full", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `py-2 px-4 rounded-md ${selectedTests.galletita1 === 'Afectiva' ? 'bg-blue-700' : 'bg-blue-500'} text-white`, onClick: ()=>handleSelectTest('galletita1', 'Afectiva'), __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Realizar Pruebas")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-md overflow-hidden w-full", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./galletita2.jpg", alt: "Galletita dos en caja", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "Galletita Dos"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around w-full", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `py-2 px-4 rounded-md ${selectedTests.galletita2 === 'Afectiva' ? 'bg-blue-700' : 'bg-blue-500'} text-white`, onClick: ()=>handleSelectTest('galletita2', 'Afectiva'), __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Prueba Afectiva"), /*#__PURE__*/ React.createElement("button", { className: `py-2 px-4 rounded-md ${selectedTests.galletita2 === 'Descriptiva' ? 'bg-blue-700' : 'bg-blue-500'} text-white`, onClick: ()=>handleSelectTest('galletita2', 'Descriptiva'), __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "Prueba Descriptiva")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-md overflow-hidden w-full", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./galletita3.jpg", alt: "Galletita tres con chispas de chocolate", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Galletita Tres"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around w-full", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `py-2 px-4 rounded-md ${selectedTests.galletita3 === 'Afectiva' ? 'bg-blue-700' : 'bg-blue-500'} text-white`, onClick: ()=>handleSelectTest('galletita3', 'Afectiva'), __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Prueba Afectiva"), /*#__PURE__*/ React.createElement("button", { className: `py-2 px-4 rounded-md ${selectedTests.galletita3 === 'Descriptiva' ? 'bg-blue-700' : 'bg-blue-500'} text-white`, onClick: ()=>handleSelectTest('galletita3', 'Descriptiva'), __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "Prueba Descriptiva")))))); }