import { cn as e } from "../../../lib/utils.js";
import { t } from "../../../dist-Ber_p4PA.js";
import { jsx as n } from "react/jsx-runtime";
//#region lib/components/ui/atoms/flow-hub.tsx
var r = t("relative inline-flex shrink-0 items-center justify-center rounded-2xl p-[2px] [&_svg]:shrink-0", {
	variants: { size: {
		sm: "size-12 [&_svg]:size-5",
		md: "size-16 [&_svg]:size-7",
		lg: "size-20 [&_svg]:size-9",
		xl: "size-28 [&_svg]:size-12"
	} },
	defaultVariants: { size: "lg" }
});
function i({ children: t, className: i, size: a, ...o }) {
	return /* @__PURE__ */ n("span", {
		className: e(r({
			size: a,
			className: i
		})),
		"data-slot": "flow-hub",
		...o,
		children: /* @__PURE__ */ n("span", {
			className: "flex size-full items-center justify-center rounded-[16px] bg-foreground text-background",
			children: t
		})
	});
}
//#endregion
export { i as FlowHub, r as flowHubVariants };
