@payfit/unity-components/dist/esm/components/flex/Flex.js

import { flex as e } from "./Flex.variants.js";
import { forwardRef as t, useMemo as n } from "react";
import { jsx as r } from "react/jsx-runtime";
//#region src/components/flex/Flex.tsx
var i = t(({ asElement: t = "div", children: i, className: a, inline: o, direction: s, isReversed: c, wrap: l, gap: u, gapX: d, gapY: f, justify: p, align: m, alignContent: h, ...g }, _) => /* @__PURE__ */ r(t, {
	ref: _,
	className: n(() => e({
		inline: o,
		direction: s,
		isReversed: c,
		wrap: l,
		gap: u,
		gapX: d,
		gapY: f,
		justify: p,
		align: m,
		alignContent: h,
		className: a
	}), [
		m,
		h,
		a,
		s,
		u,
		d,
		f,
		o,
		c,
		p,
		l
	]),
	...g,
	children: i
}));
i.displayName = "Flex";
var a = i;
//#endregion
export { i as Flex, a as Stack };