function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#F1F5F9]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#2563EB] p-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-white text-xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Магазин Товаров")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-grow", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[250px] bg-white p-5 shadow-md", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-[#2563EB] font-bold text-lg mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Категории"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#2563EB] cursor-pointer", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Электроника"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#2563EB] cursor-pointer", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Компьютеры"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#2563EB] cursor-pointer", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Бытовая техника"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#2563EB] cursor-pointer", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Спорт"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:text-[#2563EB] cursor-pointer", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Одежда"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto p-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-12", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl text-[#2563EB] mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Каталог товаров"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/product1.jpg", alt: "Фото товара номер один", className: "w-full h-[200px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, "Товар 1"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#374151] mt-2", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "Описание товара номер один, Цена: 500₽"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#2563EB] text-white font-roboto rounded-lg", __source: { fileName: "", lineNumber: 30, columnNumber: 19 }, __self: this }, "В корзину"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-[#2563EB]", __source: { fileName: "", lineNumber: 31, columnNumber: 19 }, __self: this }, "Категория: Электроника"))))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl text-[#2563EB] mb-6", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Оформление заказа"), /*#__PURE__*/ React.createElement("form", { className: "bg-white p-6 shadow-md rounded-lg", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "font-roboto text-[#374151] block", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, "Имя:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", className: "mt-2 p-3 w-full border border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "surname", className: "font-roboto text-[#374151] block", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this }, "Фамилия:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "surname", name: "surname", className: "mt-2 p-3 w-full border border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "patronymic", className: "font-roboto text-[#374151] block", __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }, "Отчество:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "patronymic", name: "patronymic", className: "mt-2 p-3 w-full border border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phone", className: "font-roboto text-[#374151] block", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, "Номер телефона:"), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "phone", name: "phone", className: "mt-2 p-3 w-full border border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "font-roboto text-[#374151] block", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "mt-2 p-3 w-full border border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "address", className: "font-roboto text-[#374151] block", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "Обратный адрес:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "address", name: "address", className: "mt-2 p-3 w-full border border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "note", className: "font-roboto text-[#374151] block", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "Примечание к заказу:"), /*#__PURE__*/ React.createElement("textarea", { id: "note", name: "note", rows: "4", className: "mt-2 p-3 w-full border border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-3 bg-[#2563EB] text-white font-roboto rounded-lg", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "Отправить заказ")))))); }