function MainComponent() { const [teachers, setTeachers] = useState([]); const [isAdding, setIsAdding] = useState(false); const [formData, setFormData] = useState({ name: "", subject: "", email: "", phone: "", schedule: "", officeHours: "" }); const handleAdd = (e)=>{ e.preventDefault(); setTeachers([ ...teachers, { ...formData, id: Date.now() } ]); setFormData({ name: "", subject: "", email: "", phone: "", schedule: "", officeHours: "" }); setIsAdding(false); }; const handleDelete = (id)=>{ setTeachers(teachers.filter((teacher)=>teacher.id !== id)); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-4 md:p-8", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto text-gray-800", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Öğretmen Listesi"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsAdding(true), className: "bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Öğretmen Ekle")), isAdding && /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md mb-8", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleAdd, className: "space-y-4", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Öğretmen Adı", value: formData.name, onChange: (e)=>setFormData({ ...formData, name: e.target.value }), className: "border p-2 rounded-lg", required: true, __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "subject", placeholder: "Branş", value: formData.subject, onChange: (e)=>setFormData({ ...formData, subject: e.target.value }), className: "border p-2 rounded-lg", required: true, __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "E-posta", value: formData.email, onChange: (e)=>setFormData({ ...formData, email: e.target.value }), className: "border p-2 rounded-lg", required: true, __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Telefon", value: formData.phone, onChange: (e)=>setFormData({ ...formData, phone: e.target.value }), className: "border p-2 rounded-lg", required: true, __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "schedule", placeholder: "Ders Programı", value: formData.schedule, onChange: (e)=>setFormData({ ...formData, schedule: e.target.value }), className: "border p-2 rounded-lg", required: true, __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "officeHours", placeholder: "Ofis Saatleri", value: formData.officeHours, onChange: (e)=>setFormData({ ...formData, officeHours: e.target.value }), className: "border p-2 rounded-lg", required: true, __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setIsAdding(false), className: "px-4 py-2 text-gray-600 bg-gray-100 rounded-lg hover:bg-gray-200", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, "İptal"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, "Kaydet")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, teachers.map((teacher)=>/*#__PURE__*/ React.createElement("div", { key: teacher.id, className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 139, columnNumber: 19 }, __self: this }, teacher.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-1", __source: { fileName: "", lineNumber: 142, columnNumber: 19 }, __self: this }, teacher.subject)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDelete(teacher.id), className: "text-red-500 hover:text-red-600", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-600", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope w-5", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 154, columnNumber: 19 }, __self: this }, teacher.email)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-600", __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone w-5", __source: { fileName: "", lineNumber: 157, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 158, columnNumber: 19 }, __self: this }, teacher.phone)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-600", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar w-5", __source: { fileName: "", lineNumber: 161, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 162, columnNumber: 19 }, __self: this }, teacher.schedule)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-600", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock w-5", __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }, teacher.officeHours)))))), teachers.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500 py-12", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, "Henüz öğretmen eklenmedi."))); }