"use client";

import type { Domain } from "@domainops/shared-types";
import { Drawer } from "antd";
import { WpUsersPanel } from "./WpUsersPanel";

/**
 * Every login on one WordPress site, in a drawer on the WordPress page - see
 * WpUsersPanel.
 */
export function UsersDrawer({
  domain,
  open,
  canReveal,
  canManage,
  onClose,
  onChanged,
}: {
  domain: Domain | null;
  open: boolean;
  canReveal: boolean;
  canManage: boolean;
  onClose: () => void;
  onChanged: () => void;
}) {
  return (
    <Drawer
      title={domain ? `WordPress users - ${domain.fqdn}` : "WordPress users"}
      open={open}
      onClose={onClose}
      size={760}
      mask={{ closable: false }}
      className="dms_wp_users_drawer"
    >
      {domain?.wp_site && (
        <WpUsersPanel site={domain.wp_site} fqdn={domain.fqdn} canReveal={canReveal} canManage={canManage} onChanged={onChanged} />
      )}
    </Drawer>
  );
}