function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F2F5] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto bg-white shadow-md overflow-hidden rounded-lg", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-5 sm:px-6 bg-[#1976d2] text-white", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-lg leading-6 font-medium", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "部品一覧")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-200", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block hover:bg-gray-50", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center px-4 py-4 sm:px-6", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-w-0 flex-1 flex items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 14, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "h-12 w-12 rounded-full", src: "/images/part.png", alt: "部品の画像", __source: { fileName: "", lineNumber: 15, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-w-0 flex-1 px-4 md:grid md:grid-cols-2 md:gap-4", __source: { fileName: "", lineNumber: 17, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-[#1976d2] truncate", __source: { fileName: "", lineNumber: 19, columnNumber: 25 }, __self: this }, "部品名"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 flex items-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 20, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 21, columnNumber: 27 }, __self: this }, "部品番号: 123456"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 24, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-900", __source: { fileName: "", lineNumber: 26, columnNumber: 27 }, __self: this }, "在庫: 100個"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 flex items-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 27, columnNumber: 27 }, __self: this }, "価格: ¥500")))))))))))); }