Stack

import { Stack } from "@/ui/stack";
import { Button } from "@/ui/button";
import { Group } from "@/ui/group";

export function StackDemo() {
  const groups = [
    ["1", "2", "3"],
    ["4", "5", "6"],
    ["7", "8", "9"]
  ];

  return (
    <Group grow align="center">
      {groups.map((stack, index) => (
        <Stack key={index}>
          {stack.map(label => (
            <Button key={label} variant="outline" size="sm">
              {label}
            </Button>
          ))}
        </Stack>
      ))}
    </Group>
  );
}