welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
31 lines (30 loc) • 1 kB
JavaScript
"use client";
import './VariantIcon.css';
import { jsx as n } from "react/jsx-runtime";
import { forwardRef as s } from "react";
import { Icon as e } from "./Icon.js";
import { c as _ } from "./index-B6iGEm-i.js";
const m = "_root_iop02_2", p = {
root: m,
"variant-ai": "_variant-ai_iop02_9",
"variant-danger": "_variant-danger_iop02_12",
"variant-info": "_variant-info_iop02_15",
"variant-success": "_variant-success_iop02_18",
"variant-warning": "_variant-warning_iop02_21"
}, l = _(p), v = s(
({ className: o, size: i = "md", variant: a, ...r }, c) => {
const t = {
ai: "sparkles",
danger: "exclamation-octagon",
info: "info-circle",
success: "check-circle",
warning: "exclamation-circle"
}[a];
return /* @__PURE__ */ n("div", { ...r, className: l("root", a && `variant-${a}`, o), ref: c, children: /* @__PURE__ */ n(e, { name: t, size: i }) });
}
);
v.displayName = "VariantIcon";
export {
v as VariantIcon,
p as variantIconClasses
};