Buttongroups1

1import { Button } from "@/ui/button";
2 
3export default function Basic() {
4  return (
5    <>
6      <div className="isolate flex -space-x-px">
7        <Button variant="outline" className="rounded-r-none focus:z-10">
8          Prev
9        </Button>
10        <Button variant="outline" className="rounded-l-none focus:z-10">
11          Next
12        </Button>
13      </div>
14      <div className="isolate flex -space-x-px">
15        <Button variant="outline" className="rounded-r-none focus:z-10">
16          Prev
17        </Button>
18        <Button variant="outline" className="rounded-none focus:z-10">
19          Now
20        </Button>
21        <Button variant="outline" className="rounded-l-none focus:z-10">
22          Next
23        </Button>
24      </div>
25    </>
26  );
27}