Button5

1import { Badge } from "@/ui/badge";
2import { Button } from "@/ui/button";
3import { CheckCircle } from "@mynaui/icons-react";
4 
5export default function Button5() {
6  return (
7    <>
8      <Button variant="outline">
9        Commits
10        <Badge
11          variant="outline"
12          className="font-mono text-muted-foreground -me-1"
13        >
14          42
15        </Badge>
16      </Button>
17      <Button variant="outline">
18        <Badge
19          variant="outline"
20          className="font-mono text-muted-foreground -ms-1"
21        >
22          4
23        </Badge>
24        Files Changed
25      </Button>
26      <Button variant="outline">
27        <CheckCircle className="stroke-2" />
28        Checks
29        <Badge
30          variant="outline"
31          className="font-mono text-muted-foreground -me-1"
32        >
33          24
34        </Badge>
35      </Button>
36    </>
37  );
38}