import { cn } from "./cva.js";
import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
import { jsx } from "react/jsx-runtime";
//#region src/Cluster.tsx
const alignClass = {
	start: "items-start",
	center: "items-center",
	end: "items-end"
};
const justifyClass = {
	start: "justify-start",
	center: "justify-center",
	end: "justify-end",
	between: "justify-between"
};
const Cluster = React.forwardRef(({ asChild, className, gap = "3", align = "center", justify = "start", style, ...props }, ref) => {
	const Comp = asChild ? Slot : "div";
	const clusterStyle = {
		"--cluster-gap": `var(--mod-space-${gap})`,
		gap: "var(--cluster-gap)",
		minWidth: 0,
		...style
	};
	return /* @__PURE__ */ jsx(Comp, {
		ref,
		className: cn("@container flex flex-wrap", alignClass[align], justifyClass[justify], className),
		style: clusterStyle,
		...props
	});
});
Cluster.displayName = "Cluster";
//#endregion
export { Cluster };
