// src/components/Segment/Segment.tsx
import classNames from "classnames/dedupe";
import "@simplybusiness/mobius/src/components/Segment/Segment.css";
import { jsx, jsxs } from "react/jsx-runtime";
var Segment = ({ ref, ...props }) => {
  const { heading, children, colour, inverted, className, ...rest } = props;
  const classes = classNames(
    "mobius",
    "mobius-segment",
    colour,
    { inverted },
    className
  );
  return /* @__PURE__ */ jsxs("div", { ref, className: classes, ...rest, children: [
    heading && /* @__PURE__ */ jsx("div", { className: "mobius-segment__heading", children: heading }),
    children
  ] });
};
Segment.displayName = "Segment";

export {
  Segment
};
//# sourceMappingURL=chunk-FQ6P6JB5.js.map
