Badge

import { Badge } from "@/components/ui/badge"

export function BadgeDefault() {
  return <Badge>Default</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgeSecondary() {
  return <Badge variant="secondary">Secondary</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgeDestructive() {
  return <Badge variant="destructive">Destructive</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgeOutline() {
  return <Badge variant="outline">Outline</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgeSuccess() {
  return <Badge variant="success">Success</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgeWarning() {
  return <Badge variant="warning">Warning</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgeInfo() {
  return <Badge variant="info">Info</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgeNew() {
  return <Badge variant="new">New</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgeSale() {
  return <Badge variant="sale">Sale</Badge>
}

import { Badge } from "@/components/ui/badge"

export function BadgePopular() {
  return <Badge variant="popular">Popular</Badge>
}