@shopify/shop-minis-react
Version:
React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)
43 lines (42 loc) • 1.42 kB
JavaScript
import { jsx as n } from "react/jsx-runtime";
import { cva as a } from "../../shop-minis-react/node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
import { cn as i } from "../../lib/utils.js";
import { Root as s } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.6_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.js";
const d = a(
"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none transition-[color,box-shadow] overflow-hidden",
{
variants: {
variant: {
primary: "border-transparent bg-primary text-primary-foreground",
secondary: "border-transparent bg-secondary text-secondary-foreground",
destructive: "border-transparent bg-destructive text-white dark:bg-destructive/60",
outline: "bg-white text-foreground",
none: ""
// Allows custom classes
}
},
defaultVariants: {
variant: "primary"
}
}
);
function u({
className: r,
variant: t,
asChild: e = !1,
...o
}) {
return /* @__PURE__ */ n(
e ? s : "span",
{
"data-slot": "badge",
className: i(d({ variant: t }), r),
...o
}
);
}
export {
u as Badge,
d as badgeVariants
};
//# sourceMappingURL=badge.js.map