import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
//  strict
import PropTypes from 'prop-types';
import * as React from 'react';
import styled from 'styled-components';
import { prop } from '../../Tools/interpolation';
var Wrapper =
/*#__PURE__*/
styled.div.withConfig({
  componentId: "sc-1gj59xj-0"
})(["\n  text-align: ", ";\n\n  & > * {\n    display: ", ";\n    margin-right: ", ";\n  }\n"], prop('align'), function (props) {
  return props.inline === true ? 'inline' : 'block';
}, function (props) {
  return props.inline === true ? '0.4rem' : '0';
});

var TextGroup = function TextGroup(_ref) {
  var children = _ref.children,
      rest = _objectWithoutProperties(_ref, ["children"]);

  return React.createElement(Wrapper, rest, children);
};

TextGroup.propTypes = process.env.NODE_ENV !== "production" ? {
  align: PropTypes.oneOf(['justify', 'left', 'right', 'center']),
  capitalize: PropTypes.bool,
  children: PropTypes.node,
  inline: PropTypes.bool
} : {};
TextGroup.defaultProps = {
  align: 'justify',
  inline: true
};
export default TextGroup;