orcs-design-system/es/components/Spacer/index.js

TeamForm's Design System, aka: ORCS

import React from "react";
import { space, layout } from "styled-system";
import styled, { ThemeProvider } from "styled-components";
import propTypes from "@styled-system/prop-types";
import { jsx as _jsx } from "react/jsx-runtime";
const SpacerBox = styled.div.withConfig({
  displayName: "Spacer__SpacerBox",
  componentId: "sc-1acikjz-0"
})(["", " ", " line-height:0;"], space, layout);
const Spacer = _ref => {
  let {
    children,
    theme,
    ...props
  } = _ref;
  const clones = React.Children.toArray(children).map((child, index) => /*#__PURE__*/_jsx(SpacerBox, {
    ...props,
    children: /*#__PURE__*/React.cloneElement(child)
  }, index));
  return theme ? /*#__PURE__*/_jsx(ThemeProvider, {
    theme: theme,
    children: clones
  }) : clones;
};
Spacer.propTypes = {
  ...propTypes.space,
  ...propTypes.layout
};
Spacer.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "Spacer",
  "composes": ["@styled-system/prop-types"]
};
export default Spacer;