import { Modal, ModalVariant } from "@patternfly/react-core";
import { useTranslation } from "react-i18next";
import { KeyProviderForm } from "@keycloakify/keycloak-admin-ui/realm-settings/keys/key-providers/KeyProviderForm";
import type { ProviderType } from "@keycloakify/keycloak-admin-ui/realm-settings/routes/KeyProvider";

import style from "@keycloakify/keycloak-admin-ui/realm-settings/keys/key-providers/key-provider-modal.module.css";

type KeyProviderModalProps = {
  providerType: ProviderType;
  onClose: () => void;
};

export const KeyProviderModal = ({
  providerType,
  onClose,
}: KeyProviderModalProps) => {
  const { t } = useTranslation();
  return (
    <Modal
      className={style.dialog}
      variant={ModalVariant.medium}
      title={t("addProvider")}
      isOpen
      onClose={onClose}
    >
      <KeyProviderForm providerType={providerType} onClose={onClose} />
    </Modal>
  );
};