icons

packages/website/src/components/Tooltip/index.tsx

@@ -4,12 +4,15 @@ import styles from "./index.module.css";
 interface Props {
   children: ReactNode;
   tooltip: string;
+  side?: "top" | "left";
 }
 
-export function Tooltip({ children, tooltip }: Props) {
+export function Tooltip({ children, tooltip, side = "top" }: Props) {
   return (
     <div className={styles.tooltip}>
-      <div className={styles.text}>{tooltip}</div>
+      <div className={styles.text} data-side={side}>
+        {tooltip}
+      </div>
       {children}
     </div>
   );