diff options
| author | Pinapelz <yukais@pinapelz.com> | 2024-10-05 15:31:30 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2024-10-05 15:31:30 -0700 |
| commit | 20e6abb48cada5348ddf921ac778c1fd1f45d11c (patch) | |
| tree | 43a9df02a94d2b5ca941f5a2100b9fb8f0ee6acd /src/components/ui/badge.tsx | |
| parent | 638caf6d96120d374112f2ea12af394335bca4cb (diff) | |
improve channel card component design
Diffstat (limited to 'src/components/ui/badge.tsx')
| -rw-r--r-- | src/components/ui/badge.tsx | 36 |
1 files changed, 0 insertions, 36 deletions
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx deleted file mode 100644 index f38976c..0000000 --- a/src/components/ui/badge.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import { type VariantProps, cva } from "class-variance-authority"; -import type * as React from "react"; - -import { cn } from "@/lib/utils"; - -const badgeVariants = cva( - "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", - { - variants: { - variant: { - default: - "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", - secondary: - "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", - destructive: - "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", - outline: "text-foreground", - }, - }, - defaultVariants: { - variant: "default", - }, - }, -); - -export interface BadgeProps - extends React.HTMLAttributes<HTMLDivElement>, - VariantProps<typeof badgeVariants> {} - -function Badge({ className, variant, ...props }: BadgeProps) { - return ( - <div className={cn(badgeVariants({ variant }), className)} {...props} /> - ); -} - -export { Badge, badgeVariants }; |
