@wix/design-system
Version:
@wix/design-system
18 lines • 789 B
JavaScript
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