migrate tank filters

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

@@ -0,0 +1,3 @@
+.flex {
+  display: flex;
+}

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

@@ -0,0 +1,20 @@
+import type { ComponentProps } from "react";
+import type { Space } from "../../types/space";
+import { classNames } from "../../ui/classNames";
+import styles from "./index.module.css";
+
+interface Props extends ComponentProps<"div"> {
+  gap?: Space;
+}
+
+export function Flex({ children, className, gap, ...props }: Props) {
+  return (
+    <div
+      {...props}
+      className={classNames(styles.flex, className)}
+      data-gap={gap}
+    >
+      {children}
+    </div>
+  );
+}