function MainComponent() { const [cars, setCars] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); React.useEffect(()=>{ setLoading(true); fetch('/api/cars').then((response)=>response.json()).then(setCars).catch(setError).finally(()=>setLoading(false)); }, []); const carElements = cars.map((car)=>/*#__PURE__*/ React.createElement("div", { key: car.id, className: "border p-4 m-2 rounded-lg shadow-md flex flex-col", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: car.imageUrl, alt: `${car.make} ${car.model}`, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto mt-2 text-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, car.make, " ", car.model), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, car.year), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-900", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, car.price, " TL"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-2", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Detay"))); return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl text-center mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "Araba Satış Uygulaması"), loading && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 29, columnNumber: 19 }, __self: this }, "Loading..."), error && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Error loading cars. Please try again later."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, carElements)); }