"use client"
import{a as s}from"./chunk-GV2NLM3E.mjs";import{a as o}from"./chunk-IGIB6XZB.mjs";import{a as i}from"./chunk-GYE7FFDN.mjs";import{a as c}from"./chunk-UUJYTAK4.mjs";import{q as a}from"./chunk-D2UYR6SE.mjs";import{cva as u}from"class-variance-authority";import{jsx as m,jsxs as x}from"react/jsx-runtime";var d=u("flex gap-1.5 items-center max-w-fit rounded-md px-2 py-1 text-xs font-medium whitespace-nowrap",{variants:{variant:{neutral:"bg-gray-500/[.15] text-gray-600",success:"bg-green-500/[.15] text-green-600",pending:"bg-orange-500/[.15] text-orange-600",error:"bg-red-500/[.15] text-red-600"}},defaultVariants:{variant:"neutral"}}),f={neutral:i,success:s,pending:o,error:c};function y({className:l,variant:e,icon:t,onClick:r,children:p,...g}){let n=t!==null?t??f[e??"neutral"]:null;return x("span",{className:a(d({variant:e}),r&&"cursor-pointer select-none transition-[filter] duration-150 hover:brightness-75 hover:saturate-[1.25]",l),onClick:r,...g,children:[n&&m(n,{className:"h-3 w-3 shrink-0"}),p]})}export{d as a,y as b};
