restore banner

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

@@ -1,3 +1,7 @@
 .flex {
   display: flex;
+
+  &[data-column="true"] {
+    flex-direction: column;
+  }
 }

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

@@ -5,14 +5,16 @@ import styles from "./index.module.css";
 
 interface Props extends ComponentProps<"div"> {
   gap?: Space;
+  column?: boolean;
 }
 
-export function Flex({ children, className, gap, ...props }: Props) {
+export function Flex({ children, column, className, gap, ...props }: Props) {
   return (
     <div
       {...props}
       className={classNames(styles.flex, className)}
       data-gap={gap}
+      data-column={column}
     >
       {children}
     </div>