function MainComponent() { const [cars, setCars] = React.useState([]); const [uploaded, setUploaded] = React.useState(false); const handleFileChange = (event)=>{ const fileReader = new FileReader(); fileReader.readAsText(event.target.files[0], "UTF-8"); fileReader.onload = (e)=>{ const content = JSON.parse(e.target.result); setCars(content.cars); setUploaded(true); }; }; const handlePayment = ()=>{ alert('Ödeme işleminiz başarılı!'); setUploaded(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Karavan ve Klasik Araba Kiralama Sitesi"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "carUpload", onChange: handleFileChange, className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }), uploaded && /*#__PURE__*/ React.createElement("button", { onClick: handlePayment, className: "px-4 py-2 bg-blue-500 text-white font-bold mb-4 rounded", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "İlan Yayınlamak için Öde"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, cars.map((car, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: car.image, alt: `${car.make} ${car.model} aracı`, className: "w-full h-48 object-cover rounded-md", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-bold mt-2", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, car.make, " ", car.model), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Yıl: ", car.year), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Günlük Ücret: $", car.price))))); }