Group

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

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

  return (
    <div className="grid grid-rows-1 gap-3">
      {groups.map((buttons, index) => (
        <Group grow key={index}>
          {buttons.map(label => (
            <Button key={label} variant="outline" size="sm">
              {label}
            </Button>
          ))}
        </Group>
      ))}
    </div>
  );
}