"use client";

import React from "react";
import ChangePasswordCard from "./ChangePasswordCard";
import DeleteAccountCard from "./DeleteAccountCard";

type ActiveSecurityAction = "password" | "delete" | null;

export default function SecuritySettings({ userId }: { userId: string }) {
  const [activeSecurityAction, setActiveSecurityAction] =
    React.useState<ActiveSecurityAction>(null);

  return (
    <>
      <ChangePasswordCard
        isOpen={activeSecurityAction === "password"}
        onOpen={() => setActiveSecurityAction("password")}
        onClose={() => setActiveSecurityAction(null)}
      />
      <DeleteAccountCard
        userId={userId}
        isOpen={activeSecurityAction === "delete"}
        onOpen={() => setActiveSecurityAction("delete")}
        onClose={() => setActiveSecurityAction(null)}
      />
    </>
  );
}