smart-react-components/button/Group.js

React UI library, wide variety of editable ready to use Styled and React components.

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var index = require('../index-6d498b59.js');
var React = require('react');
var React__default = _interopDefault(React);
var styled = require('styled-components');
var styled__default = _interopDefault(styled);
require('../index-56ba89df.js');
var Div = require('../element/Div.js');

var GroupElement = styled__default(Div).attrs(({ display = "inline-block" }) => ({ display })) `
    > * {        
        &:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        &:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-right: 0;
        }

        &:active,
        &:focus {
            box-shadow: none;
        }
    }
`;

const ButtonGroup = ({ size = "default", sizeSm, sizeMd, sizeLg, sizeXl, children, elementProps = index.DV.JSX_ELEMENT_PROPS, type = "primary", fill = true, shape = "default", fixedSize }) => {
    return (React__default.createElement(GroupElement, Object.assign({}, elementProps), children.map((item, index) => React__default.cloneElement(item, { key: item.key || index, size, sizeSm, sizeMd, sizeLg, sizeXl, type, fill, shape, fixedSize }))));
};

module.exports = ButtonGroup;