var Component=(()=>{var b=Object.create;var t=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var C=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),_=(l,e)=>{for(var r in e)t(l,r,{get:e[r],enumerable:!0})},p=(l,e,r,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of f(e))!D.call(l,a)&&a!==r&&t(l,a,{get:()=>e[a],enumerable:!(c=B(e,a))||c.enumerable});return l};var v=(l,e,r)=>(r=l!=null?b(x(l)):{},p(e||!l||!l.__esModule?t(r,"default",{value:l,enumerable:!0}):r,l)),k=l=>p(t({},"__esModule",{value:!0}),l);var g=C((I,y)=>{y.exports=_jsx_runtime});var A={};_(A,{default:()=>m});var n=v(g());function u(l){let e={a:"a",code:"code",figure:"figure",h2:"h2",h3:"h3",hr:"hr",p:"p",pre:"pre",span:"span",...l.components},{ComponentPreview:r,ComponentSource:c,Step:a,Steps:i,Tabs:F,TabsContent:o,TabsList:h,TabsTrigger:d}=e;return r||s("ComponentPreview",!0),c||s("ComponentSource",!0),a||s("Step",!0),i||s("Steps",!0),F||s("Tabs",!0),o||s("TabsContent",!0),h||s("TabsList",!0),d||s("TabsTrigger",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(r,{name:"badge-demo",description:"A badge",children:[(0,n.jsx)(e.figure,{__src__:"registry/default/example/badge-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDemo"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Badge;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/austin/example/badge-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDemo"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Badge;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/dc/example/badge-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDemo"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Badge;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,n.jsxs)(e.h2,{id:"installation",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,n.jsxs)(F,{defaultValue:"cli",children:[(0,n.jsxs)(h,{children:[(0,n.jsx)(d,{value:"cli",children:"CLI"}),(0,n.jsx)(d,{value:"manual",children:"Manual"})]}),(0,n.jsx)(o,{value:"cli",children:(0,n.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"bash","data-theme":"github-dark-high-contrast",children:(0,n.jsx)(e.code,{"data-language":"bash","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"bunx"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" --bun"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:" @uplusion23/forge-ui"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:" add"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:" badge"})]})})})})}),(0,n.jsx)(o,{value:"manual",children:(0,n.jsxs)(i,{children:[(0,n.jsx)(a,{children:"Copy and paste the following code into your project."}),(0,n.jsxs)(c,{name:"badge",children:[(0,n.jsx)(e.figure,{__src__:"registry/default/ui/badge.tsx",__style__:"default","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" *"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" as"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" React "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "react"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { cn, cva, "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"type"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" VariantProps } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/lib/utils"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"const"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" badgeVariants"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" ="}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" cva"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"("})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "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"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" {"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variants: {"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variant: {"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"border-transparent bg-primary text-primary-foreground hover:bg-primary/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" secondary:"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" destructive:"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" outline: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"text-foreground"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" defaultVariants: {"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variant: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:");"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" interface"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" BadgeProps"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" extends"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" React"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"."}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:"HTMLAttributes"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"HTMLDivElement"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">,"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" VariantProps"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"typeof"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" badgeVariants> {}"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"({ "}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"className"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:", "}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"variant"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:", "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"..."}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"props"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" }"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:":"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" BadgeProps"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:") {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"div"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" className"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"={"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:"cn"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"("}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:"badgeVariants"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"({ variant }), className)"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" {..."}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"props"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" />;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge, badgeVariants };"})]})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/austin/ui/badge.tsx",__style__:"austin","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" *"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" as"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" React "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "react"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { cn, cva, "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"type"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" VariantProps } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/lib/utils"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"const"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" badgeVariants"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" ="}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" cva"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"("})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "inline-flex items-center rounded-md 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"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" {"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variants: {"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variant: {"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" secondary:"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" destructive:"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" outline: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"text-foreground"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" defaultVariants: {"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variant: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:");"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" interface"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" BadgeProps"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" extends"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" React"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"."}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:"HTMLAttributes"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"HTMLDivElement"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">,"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" VariantProps"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"typeof"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" badgeVariants> {}"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"({ "}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"className"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:", "}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"variant"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:", "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"..."}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"props"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" }"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:":"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" BadgeProps"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:") {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"div"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" className"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"={"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:"cn"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"("}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:"badgeVariants"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"({ variant }), className)"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" {..."}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"props"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" />;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge, badgeVariants };"})]})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/dc/ui/badge.tsx",__style__:"dc","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" *"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" as"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" React "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "react"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { cn, cva, VariantProps } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/lib/utils"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"const"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" badgeVariants"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" ="}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" cva"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"("})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "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"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" {"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variants: {"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variant: {"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" default: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" secondary:"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" destructive:"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" outline: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"text-foreground"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" defaultVariants: {"})}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" variant: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"default"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:","})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" },"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:");"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" interface"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" BadgeProps"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" extends"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" React"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"."}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:"HTMLAttributes"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"HTMLDivElement"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">,"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" VariantProps"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"typeof"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" badgeVariants> {}"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"({ "}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"className"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:", "}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"variant"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:", "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"..."}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:"props"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" }"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:":"}),(0,n.jsx)(e.span,{style:{color:"#FFB757"},children:" BadgeProps"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:") {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"div"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" className"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"={"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:"cn"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"("}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:"badgeVariants"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"({ variant }), className)"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" {..."}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"props"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" />;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge, badgeVariants };"})]})]})})})]}),(0,n.jsx)(a,{children:"Update the import paths to match your project setup."})]})})]}),` `,(0,n.jsxs)(e.h2,{id:"usage",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,n.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsx)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'})]})})})}),` `,(0,n.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsx)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"outline"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Badge"})]})})})}),` `,(0,n.jsxs)(e.h3,{id:"link",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#link",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Link"]}),` `,(0,n.jsxs)(e.p,{children:["You can use the ",(0,n.jsx)(e.code,{children:"badgeVariants"})," helper to create a link that looks like a badge."]}),` `,(0,n.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsx)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { badgeVariants } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'})]})})})}),` `,(0,n.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsx)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Link"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" className"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"={"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:"badgeVariants"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"({ variant: "}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"outline"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" })"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Badge"})]})})})}),` `,(0,n.jsxs)(e.h2,{id:"examples",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#examples",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Examples"]}),` `,(0,n.jsxs)(e.h3,{id:"default",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#default",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Default"]}),` `,(0,n.jsxs)(r,{name:"badge-demo",description:"A badge",children:[(0,n.jsx)(e.figure,{__src__:"registry/default/example/badge-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDemo"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Badge;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/austin/example/badge-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDemo"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Badge;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/dc/example/badge-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDemo"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Badge;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsxs)(e.h3,{id:"secondary",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#secondary",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Secondary"]}),` `,(0,n.jsxs)(r,{name:"badge-secondary",description:"A badge using secondary as variant.",children:[(0,n.jsx)(e.figure,{__src__:"registry/default/example/badge-secondary.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeSecondary"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"secondary"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Secondary;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/austin/example/badge-secondary.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeSecondary"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"secondary"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Secondary;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/dc/example/badge-secondary.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeSecondary"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"secondary"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Secondary;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsxs)(e.h3,{id:"outline",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#outline",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Outline"]}),` `,(0,n.jsxs)(r,{name:"badge-outline",description:"A badge using outline as variant.",children:[(0,n.jsx)(e.figure,{__src__:"registry/default/example/badge-outline.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeOutline"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"outline"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Outline;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/austin/example/badge-outline.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeOutline"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"outline"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Outline;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/dc/example/badge-outline.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeOutline"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"outline"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Outline;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsxs)(e.h3,{id:"destructive",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#destructive",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Destructive"]}),` `,(0,n.jsxs)(r,{name:"badge-destructive",description:"A destructive badge.",children:[(0,n.jsx)(e.figure,{__src__:"registry/default/example/badge-destructive.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDestructive"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"destructive"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Destructive;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/austin/example/badge-destructive.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDestructive"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"destructive"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Destructive;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})}),(0,n.jsx)(e.figure,{__src__:"registry/dc/example/badge-destructive.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-dark-high-contrast",children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"github-dark-high-contrast",style:{display:"grid"},children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" { Badge } "}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:' "@/components/ui/badge"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:";"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" function"}),(0,n.jsx)(e.span,{style:{color:"#DBB7FF"},children:" BadgeDestructive"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:" return"}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#72F088"},children:"Badge"}),(0,n.jsx)(e.span,{style:{color:"#91CBFF"},children:" variant"}),(0,n.jsx)(e.span,{style:{color:"#FF9492"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#ADDCFF"},children:'"destructive"'}),(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:">Destructive;"})]}),` `,(0,n.jsx)(e.span,{"data-line":"",children:(0,n.jsx)(e.span,{style:{color:"#F0F3F6"},children:"}"})})]})})})]})]})}function m(l={}){let{wrapper:e}=l.components||{};return e?(0,n.jsx)(e,{...l,children:(0,n.jsx)(u,{...l})}):u(l)}function s(l,e){throw new Error("Expected "+(e?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return k(A);})(); ;return Component;