import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { SoftFlexGroup } from '../flex';
const layoutToClassNameMap = {
    vertical: 'softFacetGroup--vertical',
    horizontal: 'softFacetGroup--horizontal',
};
export const LAYOUTS = Object.keys(layoutToClassNameMap);
export const SoftFacetGroup = ({ children, className, layout, ...rest }) => {
    const classes = classNames('softFacetGroup', layoutToClassNameMap[layout], className);
    const direction = layout === 'vertical' ? 'column' : 'row';
    const wrap = layout !== 'vertical';
    return (React.createElement(SoftFlexGroup, Object.assign({ className: classes, direction: direction, wrap: wrap, gutterSize: "none" }, rest), children));
};
// @ts-ignore
SoftFacetGroup.propTypes = {
    children: PropTypes.node,
    className: PropTypes.string,
    layout: PropTypes.oneOf(LAYOUTS),
};
// @ts-ignore
SoftFacetGroup.defaultProps = {
    layout: 'vertical',
};
//# sourceMappingURL=SoftFacetGroup.js.map