welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
49 lines (48 loc) • 1.34 kB
JavaScript
"use client";
import './Stamp.css';
import { jsx as e } from "react/jsx-runtime";
import { forwardRef as i } from "react";
import { Icon as s } from "./Icon.js";
import { c as v } from "./index-B6iGEm-i.js";
const l = "_root_jran2_2", c = {
root: l,
"variant-brand": "_variant-brand_jran2_21",
"variant-warm": "_variant-warm_jran2_25",
"variant-red": "_variant-red_jran2_29",
"variant-blue": "_variant-blue_jran2_33",
"variant-green": "_variant-green_jran2_37",
"variant-orange": "_variant-orange_jran2_41",
"variant-teal": "_variant-teal_jran2_45",
"variant-violet": "_variant-violet_jran2_49",
"size-sm": "_size-sm_jran2_53",
"size-md": "_size-md_jran2_57",
"size-lg": "_size-lg_jran2_61"
}, o = v(c), d = i(
({ className: t, name: r, size: a = "md", variant: n, ..._ }, m) => /* @__PURE__ */ e(
"div",
{
..._,
className: o("root", n && `variant-${n}`, a && `size-${a}`, t),
ref: m,
children: /* @__PURE__ */ e(s, { name: r, size: a })
}
)
);
d.displayName = "IconStamp";
const j = i(
({ className: t, size: r = "md", src: a, ...n }, _) => /* @__PURE__ */ e(
"img",
{
src: a,
...n,
className: o("root", r && `size-${r}`, t),
ref: _
}
)
);
j.displayName = "ImageStamp";
export {
d as IconStamp,
j as ImageStamp,
c as stampClasses
};