Button Group

import { ChevronLeft, ChevronRight } from "lucide-react";import { Button } from "@/components/button";import { ButtonGroup } from "@/components/button-group";
export function ButtonGroupUsage({ page, pages, go }: { page: number; pages: number; go: (page: number) => void }) {  return (    <ButtonGroup aria-label="Pages">      <Button variant="outline" icon={<ChevronLeft />} disabled={page === 1} onClick={() => go(page - 1)}>        Previous      </Button>      <Button variant="outline" icon={<ChevronRight />} iconPosition="trailing" disabled={page === pages} onClick={() => go(page + 1)}>        Next      </Button>    </ButtonGroup>  );}