pure-styled-components/lib/components/Button/Button.Group.js

Styled Component design system based on Pure CSS for React/Preact

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */\n  *letter-spacing: normal; /* reset IE < 8 */\n  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */\n  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */\n\n  .opera-only :-o-prefocus,\n  & {\n    word-spacing: -0.43em;\n  }\n\n  & > .button {\n    letter-spacing: normal;\n    word-spacing: normal;\n    vertical-align: top;\n    text-rendering: auto;\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";

var BaseGroup = function BaseGroup(_ref) {
  var className = _ref.className,
      children = _ref.children,
      ariaLabel = _ref.ariaLabel;
  return React.createElement("div", {
    className: className,
    role: "group",
    ariaLabel: ariaLabel
  }, children);
};
/**
 * Groups buttons together and provides aria role `group`
 */


var Group = styled(BaseGroup)(_templateObject());
Group.propTypes = {
  /**
   * Child components (array or single element)
   */
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
};
/** @component */

export default Group;
//# sourceMappingURL=Button.Group.js.map