UNPKG

@nutui/nutui-react

Version:

京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序

26 lines (25 loc) 1.3 kB
import { _ as __rest } from "./tslib.es6.js"; import React__default from "react"; import classNames from "classnames"; import { C as ComponentDefaults } from "./typings.js"; import { C as CellGroupContext } from "./context.js"; const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", divider: true }); const classPrefix = "nut-cell-group"; const CellGroup = (props) => { const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, title, description, divider } = _a, rest = __rest(_a, ["children", "className", "title", "description", "divider"]); return React__default.createElement( "div", Object.assign({ className: classNames(classPrefix, className) }, rest), title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null, description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null, React__default.createElement( "div", { className: `${classPrefix}-wrap ${divider ? `${classPrefix}-wrap-divider` : ""}` }, React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children) ) ); }; CellGroup.displayName = "NutCellGroup"; export { CellGroup as default };