import _Alert from "@mui/material/Alert";
import _AlertTitle from "@mui/material/AlertTitle";
/*!
 * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */
import { memo } from "react";
import { useTranslation } from "./i18n.generated/i18n.js";
import { Link } from "./Link.js";
import { ScreenReaderText } from "./ScreenReaderText.js";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const bannerRoleValues = ["status", "alert"];
export const bannerSeverityValues = ["success", "info", "warning", "error"];
const Banner = ({
  linkRel,
  linkTarget,
  linkText,
  linkUrl,
  onClose,
  role,
  severity,
  text,
  testId,
  translate
}) => {
  const {
    t
  } = useTranslation();
  return _jsxs(_Alert, {
    "data-se": testId,
    onClose: onClose,
    role: role,
    severity: severity,
    variant: "banner",
    children: [_jsx(ScreenReaderText, {
      translate: translate,
      children: t(`severity.${severity}`)
    }), _jsx(_AlertTitle, {
      translate: translate,
      children: text
    }), linkUrl && _jsx(Link, {
      href: linkUrl,
      rel: linkRel,
      target: linkTarget,
      translate: translate,
      variant: "monochrome",
      children: linkText
    })]
  });
};
const MemoizedBanner = memo(Banner);
MemoizedBanner.displayName = "Banner";
export { MemoizedBanner as Banner };
//# sourceMappingURL=Banner.js.map