blockiesui
Version:
A UI library for Blockies
26 lines (23 loc) • 1.34 kB
JavaScript
import { __rest, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1_1c5553510af13619ab22a8c63104fe51/node_modules/tslib/tslib.es6.js';
import { jsx } from 'react/jsx-runtime';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { cn } from '../../utils/cn.js';
var 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",
},
});
function Badge(_a) {
var className = _a.className, variant = _a.variant, props = __rest(_a, ["className", "variant"]);
return (jsx("div", __assign({ className: cn(badgeVariants({ variant: variant }), className || "") }, props)));
}
export { Badge, badgeVariants };
//# sourceMappingURL=badge.js.map