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-tile.tsx
var r = t("inline-flex shrink-0 items-center justify-center rounded-xl border border-border/60 bg-background shadow-black/5 shadow-sm [&>svg]:shrink-0", {
	variants: {
		size: {
			xs: "size-6 [&>svg]:size-3",
			sm: "size-8 [&>svg]:size-4",
			md: "size-10 [&>svg]:size-5",
			lg: "size-14 [&>svg]:size-7",
			xl: "size-18 [&>svg]:size-9"
		},
		variant: {
			default: "",
			muted: "text-muted-foreground"
		}
	},
	defaultVariants: {
		size: "md",
		variant: "default"
	}
});
function i({ children: t, className: i, label: a, size: o, variant: s, ...c }) {
	let l = a ? {
		"aria-label": a,
		role: "img",
		title: a
	} : { "aria-hidden": !0 };
	return /* @__PURE__ */ n("span", {
		className: e(r({
			size: o,
			variant: s,
			className: i
		})),
		"data-slot": "flow-tile",
		...l,
		...c,
		children: t
	});
}
//#endregion
export { i as FlowTile, r as flowTileVariants };
