welcome-ui/dist/Flex.mjs

Customizable design system with react • styled-components • styled-system and ariakit.

"use client";
import { j as m } from "./jsx-runtime-Bqq1Hxg9.mjs";
import { Box as n } from "./Box.mjs";
import { forwardRef as p } from "./System.mjs";
const d = p(
  ({ align: e, basis: t, dataTestId: r, direction: i, grow: o, justify: s, shrink: x, wrap: f, ...l }, a) => /* @__PURE__ */ m.jsx(
    n,
    {
      alignItems: e,
      "data-testid": r,
      display: "flex",
      flexBasis: t,
      flexDirection: i,
      flexGrow: o,
      flexShrink: x,
      flexWrap: f,
      justifyContent: s,
      ref: a,
      ...l
    }
  )
);
d.displayName = "Flex";
export {
  d as Flex
};