const UsersList = () => {
  // const [plans, setPlans] = useState<ReportsTypeList[]>(ReportsData);

  // const [editingPlan, setEditingPlan] = useState<ReportsTypeList | null>(null);
  // const [dialogOpen, setDialogOpen] = useState(false);

  // const handleDelete = (id: number) => {
  //   setPlans(plans.filter((p) => p.id !== id));
  // };

  return (
    <div className="flex flex-col h-full p-10 w-full">
      <div className="flex flex-col md:flex-row justify-between items-start md:items-center mb-4 gap-4">
        <h1 className="text-2xl font-bold">To'lovlar</h1>

        {/* <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
          <DialogTrigger asChild>
            <Button
              variant="default"
              className="bg-blue-500 cursor-pointer hover:bg-blue-500"
              onClick={() => setEditingPlan(null)}
            >
              <Plus className="!h-5 !w-5" /> Qo'shish
            </Button>
          </DialogTrigger>
          <DialogContent className="sm:max-w-lg">
            <DialogHeader>
              <DialogTitle className="text-xl">
                {editingPlan ? "Rejani tahrirlash" : "Yangi reja qo'shish"}
              </DialogTitle>
            </DialogHeader>

            <AddedReport
              initialValues={editingPlan}
              setDialogOpen={setDialogOpen}
              setPlans={setPlans}
            />
          </DialogContent>
        </Dialog> */}
      </div>
    </div>
  );
};

export default UsersList;
