"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/Segment/index.tsx
var Segment_exports = {};
__export(Segment_exports, {
  Segment: () => Segment,
  SegmentGroup: () => SegmentGroup
});
module.exports = __toCommonJS(Segment_exports);

// src/components/Segment/SegmentGroup.tsx
var import_dedupe = __toESM(require("classnames/dedupe"));
var import_jsx_runtime = require("react/jsx-runtime");
var SegmentGroup = (props) => {
  const { children, horizontal, gap, className, ...rest } = props;
  const gapClass = gap ? `gap-${gap}` : "";
  const classes = (0, import_dedupe.default)(
    "mobius",
    "mobius-segment-group",
    className,
    { "--is-horizontal": horizontal },
    gapClass
  );
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: classes, ...rest, children });
};
SegmentGroup.displayName = "SegmentGroup";

// src/components/Segment/Segment.tsx
var import_dedupe2 = __toESM(require("classnames/dedupe"));
var import_Segment = require("@simplybusiness/mobius/src/components/Segment/Segment.css");
var import_jsx_runtime2 = require("react/jsx-runtime");
var Segment = ({ ref, ...props }) => {
  const { heading, children, colour, inverted, className, ...rest } = props;
  const classes = (0, import_dedupe2.default)(
    "mobius",
    "mobius-segment",
    colour,
    { inverted },
    className
  );
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: classes, ...rest, children: [
    heading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mobius-segment__heading", children: heading }),
    children
  ] });
};
Segment.displayName = "Segment";
//# sourceMappingURL=index.js.map
