import { t as e } from "../chunks/clsx.js";
import { getTheme as t } from "./Chip.themes.js";
import { Icon as n } from "@clubmed/trident-icons";
import { jsx as r, jsxs as i } from "react/jsx-runtime";
//#region lib/ui/Chip.tsx
var a = ({ className: a, color: o = "sienna", icon: s, iconWidth: c = "24px", rotation: l, size: u = "size-32", theme: d = "solid", children: f, ...p }) => {
	let { thRoot: m } = t(d, { color: o });
	return /* @__PURE__ */ i("span", {
		...p,
		className: e("inline-flex aspect-square shrink-0 items-center justify-center overflow-hidden rounded-full border", u, m, a),
		"data-name": "Chip",
		children: [f && f, s && /* @__PURE__ */ r(n, {
			name: s,
			rotation: l,
			width: c
		})]
	});
};
//#endregion
export { a as Chip };

//# sourceMappingURL=Chip.js.map