function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white shadow-lg rounded-lg p-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center text-[#121212] mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "🥪 Сендвич на продажу"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/sandwich.jpg", alt: "Вкусный сендвич с хрустящим беконом, свежими помидорами и салатом", className: "rounded-lg w-[300px] h-[200px] object-cover", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-lg font-medium text-[#121212]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Название:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", placeholder: "Например, 'Бекон Делюкс'", className: "w-full px-4 py-2 border rounded-lg text-[#121212] focus:ring-[#55acee] focus:border-[#55acee]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "price", className: "block text-lg font-medium text-[#121212]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Цена:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "price", name: "price", placeholder: "Введите стоимость", className: "w-full px-4 py-2 border rounded-lg text-[#121212] focus:ring-[#55acee] focus:border-[#55acee]", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "description", className: "block text-lg font-medium text-[#121212]", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Описание:"), /*#__PURE__*/ React.createElement("textarea", { id: "description", name: "description", rows: "4", placeholder: "Опишите сендвич", className: "w-full px-4 py-2 border rounded-lg text-[#121212] focus:ring-[#55acee] focus:border-[#55acee]", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 rounded-lg bg-[#55acee] text-white font-medium text-lg hover:bg-[#449dd1]", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Опубликовать"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }