import {
  buildFlexStyles,
  splitProps
} from "./chunk-DWYLXY5Y.js";

// src/components/Flex/Flex.tsx
import classNames from "classnames/dedupe";
import "@simplybusiness/mobius/src/components/Flex/Flex.css";
import { jsx } from "react/jsx-runtime";
var Flex = ({ ref, ...props }) => {
  const {
    elementType: Element = "div",
    style,
    className,
    ...otherProps
  } = props;
  const classes = classNames("mobius", "mobius-flex", className);
  const [styleProps, restProps] = splitProps(otherProps);
  const flexStyles = buildFlexStyles(styleProps);
  return /* @__PURE__ */ jsx(
    Element,
    {
      ref,
      style: {
        ...flexStyles,
        ...style
      },
      className: classes,
      ...restProps
    }
  );
};
Flex.displayName = "Flex";

export {
  Flex
};
//# sourceMappingURL=chunk-TRY7VZOM.js.map
