migrate tank filters

packages/website/src/components/Tooltip/index.module.css

@@ -0,0 +1,28 @@
+.tooltip {
+  position: relative;
+
+  .text {
+    display: none;
+
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+
+    z-index: 1;
+    background-color: var(--gray-12);
+    color: var(--gray-1);
+    border-radius: var(--space-3);
+
+    padding: var(--space-2) var(--space-3);
+    margin-bottom: var(--space-3);
+
+    white-space: nowrap;
+  }
+
+  &:hover {
+    .text {
+      display: block;
+    }
+  }
+}

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

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+import styles from "./index.module.css";
+
+interface Props {
+  children: ReactNode;
+  tooltip: string;
+}
+
+export function Tooltip({ children, tooltip }: Props) {
+  return (
+    <div className={styles.tooltip}>
+      <div className={styles.text}>{tooltip}</div>
+      {children}
+    </div>
+  );
+}