/* eslint-disable */

// @ts-nocheck

import { useTranslation } from "react-i18next";
import { Modal, ModalVariant } from "../../../shared/@patternfly/react-core";
import {
  Table,
  TableVariant,
  Tbody,
  Td,
  Th,
  Thead,
  Tr,
} from "../../../shared/@patternfly/react-table";

type UserAttributesDialogProps = {
  credentialScopeName: string;
  userAttributes: Record<string, string[]>;
  onClose: () => void;
};

export const UserAttributesDialog = ({
  credentialScopeName,
  userAttributes,
  onClose,
}: UserAttributesDialogProps) => {
  const { t } = useTranslation();

  return (
    <Modal
      variant={ModalVariant.medium}
      title={t("credentialUserAttributesFor", { credentialScopeName })}
      isOpen
      onClose={onClose}
    >
      <Table
        aria-label={t("credentialUserAttributes")}
        variant={TableVariant.compact}
      >
        <Thead>
          <Tr>
            <Th>{t("credentialAttributeName")}</Th>
            <Th>{t("credentialAttributeValue")}</Th>
          </Tr>
        </Thead>
        <Tbody>
          {Object.entries(userAttributes).map(([key, values]) => (
            <Tr key={key}>
              <Td>{key}</Td>
              <Td>{values.join(", ")}</Td>
            </Tr>
          ))}
        </Tbody>
      </Table>
    </Modal>
  );
};