feat: add two and three column grid variants

components/TempDesignSystem/CardGrid/index.tsx

@@ -7,17 +7,8 @@ export default function CardGrid({
   children,
   isMobileCarousel = false,
   className,
+  variant,
 }: PropsWithChildren<CardGridProps>) {
-  const amountOfChildren = React.Children.toArray(children).length
-
-  let variant: CardGridProps["variant"] = undefined
-
-  if (amountOfChildren % 3 === 0) {
-    variant = "treeColumnGrid"
-  } else if (amountOfChildren % 2 === 0) {
-    variant = "twoColumnGrid"
-  }
-
   return (
     <section
       className={cardGridVariants({

components/TempDesignSystem/CardGrid/variants.ts

@@ -12,4 +12,7 @@ export const cardGridVariants = cva(styles.gridContainer, {
       treeColumnGrid: styles.treeColumnGrid,
     },
   },
+  defaultVariants: {
+    variant: "treeColumnGrid",
+  },
 })