@activecollab/components/dist/esm/components/Columns/Columns.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["widths", "space", "alignY", "collapseBelow", "children"];
import React, { forwardRef } from "react";
import { StyledColumns } from "./Styles";
export const Columns = /*#__PURE__*/forwardRef((_ref, ref) => {
  let widths = _ref.widths,
    _ref$space = _ref.space,
    space = _ref$space === void 0 ? "lg" : _ref$space,
    _ref$alignY = _ref.alignY,
    alignY = _ref$alignY === void 0 ? "stretch" : _ref$alignY,
    collapseBelow = _ref.collapseBelow,
    children = _ref.children,
    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
  return /*#__PURE__*/React.createElement(StyledColumns, _extends({
    ref: ref,
    $space: space,
    $alignY: alignY,
    $collapse: collapseBelow
  }, rest), React.Children.toArray(children).map((child, index) => {
    var _widths$index;
    return /*#__PURE__*/React.createElement("div", {
      className: "c-columns-col"
      // eslint-disable-next-line react/no-array-index-key
      ,
      key: index,
      style: {
        flex: ((_widths$index = widths == null ? void 0 : widths[index]) != null ? _widths$index : 1) + " 1 0"
      }
    }, child);
  }));
});
Columns.displayName = "Columns";
//# sourceMappingURL=Columns.js.map