import React from 'react';
import { dataHooks } from './constants';
import { st, classes, vars } from './FluidColumns.st.css.js';
/** A fluid columns component*/
class FluidColumns extends React.PureComponent {
    render() {
        const { dataHook, className, cols, children } = this.props;
        return (React.createElement("div", { className: st(classes.root, className), "data-hook": dataHook, style: { [vars.cols]: cols } }, React.Children.map(children, (child, index) => {
            return (React.createElement("div", { key: index, "data-hook": dataHooks.item, className: classes.item }, child));
        })));
    }
}
FluidColumns.displayName = 'FluidColumns';
FluidColumns.defaultProps = {
    cols: 3,
};
export default FluidColumns;
//# sourceMappingURL=FluidColumns.js.map