feat: add two and three column grid variants

This commit is contained in:
Christel Westerberg
2024-05-13 15:12:06 +02:00
parent d2eb2a3077
commit 5d15e5605f
11 changed files with 138 additions and 43 deletions

View File

@@ -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({