keycloak-scim/src/components/external-link/ExternalLink.tsx

import React from "react";
import { ExternalLinkAltIcon } from "@patternfly/react-icons";

export const ExternalLink = ({
  title,
  href,
  ...rest
}: React.HTMLProps<HTMLAnchorElement>) => {
  return (
    <a href={href} {...rest}>
      {title ? title : href}{" "}
      {href?.startsWith("http") && <ExternalLinkAltIcon />}
    </a>
  );
};