UNPKG

@nutui/nutui-react

Version:

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

25 lines (24 loc) 1.19 kB
import { _ as __rest } from "./tslib.es6.js"; import React__default from "react"; import classNames from "classnames"; import { C as ComponentDefaults } from "./typings.js"; const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { contentPosition: "center", direction: "horizontal" }); const classPrefix = `nut-divider`; const Divider = (props) => { const _a = Object.assign(Object.assign({}, defaultProps), props), { children, contentPosition, style, className, direction } = _a, rest = __rest(_a, ["children", "contentPosition", "style", "className", "direction"]); const classes = direction === "horizontal" ? classNames({ [`${classPrefix}`]: true, [`${classPrefix}-center`]: children, [`${classPrefix}-left`]: contentPosition === "left", [`${classPrefix}-right`]: contentPosition === "right", [`${classPrefix}-hairline`]: true }) : classNames({ [`${classPrefix}`]: true, [`${classPrefix}-vertical`]: direction === "vertical" }); return React__default.createElement("div", Object.assign({ className: `${classes} ${className || ""}`, style }, rest), children); }; Divider.displayName = "NutDivider"; export { Divider as default };