feat(sendsay-docs): add support link component (#318)

src/components/SupportLink/SupportLink.module.css

@@ -0,0 +1,13 @@
+.supportLink {
+  color: var(--ifm-link-color);
+  font-size: inherit;
+  line-height: inherit;
+  cursor: pointer;
+  padding: 0;
+  background-color: white;
+  border: none;
+}
+
+.supportLink:hover {
+  opacity: 0.7;
+}

src/components/SupportLink/SupportLink.tsx

@@ -0,0 +1,29 @@
+import React, { PropsWithChildren } from 'react';
+import styles from './SupportLink.module.css';
+
+declare global {
+  interface Window {
+    carrotquest?: {
+      open: () => void;
+    };
+  }
+}
+
+const SupportLink = ({ children }: PropsWithChildren) => {
+  const handleChatLinkClick = () => {
+    if (window.carrotquest !== undefined) {
+      window.carrotquest.open();
+    } else {
+      // eslint-disable-next-line no-console
+      console.error('Unable to open carrot quest chat. Does the widget exist?');
+    }
+  };
+
+  return (
+    <button onClick={handleChatLinkClick} className={styles.supportLink} tabIndex={0} type="button">
+      {children}
+    </button>
+  );
+};
+
+export default SupportLink;

src/components/SupportLink/index.ts

@@ -0,0 +1 @@
+export { default } from './SupportLink';