SSO pages: Teleport Single Sign-On Integrations

src/components/InlineCTA/InlineCTA.module.css

@@ -0,0 +1,10 @@
+.inlineCTA {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--m-1);
+  font-weight: var(--fw-bold);
+  text-decoration: underline;
+  color: var(--color-dark-purple);
+  margin-left: var(--m-1);
+  vertical-align: middle;
+}

src/components/InlineCTA/InlineCTA.tsx

@@ -0,0 +1,25 @@
+import Link, { Props as LinkProps } from "@docusaurus/Link";
+import * as images from "./images";
+import styles from "./InlineCTA.module.css";
+
+interface InlineCTAProps extends LinkProps {
+  imageName: keyof typeof images;
+  children: React.ReactNode;
+}
+
+const InlineCTA: React.FC<InlineCTAProps> = ({
+  imageName,
+  children,
+  ...rest
+}) => {
+  const InlineSVG = images[imageName];
+  return (
+    <Link className={styles.inlineCTA} {...rest}>
+      <InlineSVG />
+      {children}
+    </Link>
+  );
+};
+
+export default InlineCTA;
+export { InlineCTAProps };

src/components/InlineCTA/images.ts

@@ -0,0 +1 @@
+export { default as ssoIntegrations } from "./imgs/sso-integrations.svg";