tvone/components/CategoryModal.tsx

// export function CategoryModal({
//     open,
//     onClose,
//     form,
//     setForm,
//     onSave,
//   }: any) {
//     if (!open) return null;
  
//     return (
//       <div className="fixed inset-0 bg-black/30 flex items-center justify-center">
        
//         <div className="bg-white p-5 rounded-xl w-[400px]">
  
//           <h2 className="font-semibold mb-3">
//             {form.id ? "Edit Category" : "New Category"}
//           </h2>
  
//           <input
//             className="w-full border p-2 rounded mb-2"
//             placeholder="Name"
//             value={form.name}
//             onChange={(e) =>
//               setForm({ ...form, name: e.target.value })
//             }
//           />
  
//           <input
//             className="w-full border p-2 rounded mb-3"
//             placeholder="Slug (auto)"
//             value={form.slug}
//             onChange={(e) =>
//               setForm({ ...form, slug: e.target.value })
//             }
//           />
  
//           <div className="flex justify-end gap-2">
//             <button onClick={onClose}>Cancel</button>
  
//             <button
//               onClick={onSave}
//               className="bg-blue-600 text-white px-3 py-1 rounded"
//             >
//               Save
//             </button>
//           </div>
//         </div>
//       </div>
//     );
//   }