@nutui/nutui-react
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
18 lines (17 loc) • 842 B
JavaScript
import React__default from "react";
import classNames from "classnames";
const prefixCls = "nut-space";
const defaultProps = {
direction: "horizontal"
};
const Space = (props) => {
const { className, style, children, wrap, align, direction, justify } = Object.assign(Object.assign({}, defaultProps), props);
const cls = classNames(prefixCls, wrap && `${prefixCls}-wrap`, direction && `${prefixCls}-${direction}`, align && `${prefixCls}-align-${align}`, justify && `${prefixCls}-justify-${justify}`, className);
return React__default.createElement("div", { className: cls, style }, React__default.Children.map(children, (child) => {
return child !== null && child !== void 0 && React__default.createElement("div", { className: `${prefixCls}-item` }, child);
}));
};
Space.displayName = "NutSpace";
export {
Space as default
};