@catapult-tech/cp-design-system-form/dist/esm/react/button-row.js

Design system components for form layout

import { css } from 'glamor';
import PropTypes from 'prop-types';
import React from 'react';
import stylesheet from '../css/index.js';
import * as vars from '../vars/index.js';
var styles = {
  buttonRow: function buttonRow(props) {
    return css(stylesheet['.psds-form-button-row'], stylesheet[".psds-form-button-row--align-".concat(props.align)]);
  },
  button: function button(_) {
    return css(stylesheet['.psds-form-button-row__button']);
  }
};

var ButtonRow = function ButtonRow(props, context) {
  return /*#__PURE__*/React.createElement("div", styles.buttonRow(props), React.Children.map(props.children, function (button, i) {
    return /*#__PURE__*/React.createElement("div", styles.button(props), button);
  }));
};

ButtonRow.displayName = 'ButtonRow';
ButtonRow.propTypes = {
  align: PropTypes.oneOf(Object.keys(vars.aligns).map(function (k) {
    return vars.aligns[k];
  })),
  children: PropTypes.node
};
ButtonRow.defaultProps = {
  align: vars.aligns.left
};
ButtonRow.aligns = vars.aligns;
export var aligns = vars.aligns;
export default ButtonRow;