/*#__PURE__*/ React.createElement("div", { className: "fixed z-10 inset-0 overflow-y-auto", "aria-labelledby": "modal-title", role: "dialog", "aria-modal": "true", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity", "aria-hidden": "true", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline-block sm:align-middle sm:h-screen", "aria-hidden": "true", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, ""), /*#__PURE__*/ React.createElement("div", { className: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg leading-6 font-medium text-gray-900", id: "modal-title", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Product Comparison"), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-sm", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:flex md:items-center mb-6", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4", htmlFor: "inline-full-name", __source: { fileName: "", lineNumber: 14, columnNumber: 17 }, __self: this }, "Product 1")), /*#__PURE__*/ React.createElement("div", { className: "md:w-2/3", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500", id: "inline-full-name", type: "text", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "md:flex md:items-center mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4", htmlFor: "inline-password", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, "Product 2")), /*#__PURE__*/ React.createElement("div", { className: "md:w-2/3", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500", id: "inline-password", type: "text", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "md:flex md:items-center", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "md:w-2/3", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "shadow bg-purple-500 hover:bg-purple-400 focus:shadow-outline focus:outline-none text-white font-bold py-2 px-4 rounded", type: "button", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "Compare")))))))));