@nutui/nutui-react
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
26 lines (25 loc) • 1.3 kB
JavaScript
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
};