@yandex/ui/Divider/Divider.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Divider = exports.cnDivider = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var classname_1 = require("@bem-react/classname");
var Divider_Line_1 = require("./Line/Divider-Line");
require("./Divider.css");
exports.cnDivider = classname_1.cn('Divider');
/**
 * Компонент для отделения одной информации от другой.
 * @param {IDividerProps} props
 */
var Divider = function (_a) {
    var _b = _a.size, size = _b === void 0 ? 1 : _b, color = _a.color, innerRef = _a.innerRef, style = _a.style, className = _a.className, children = _a.children, _c = _a.as, Component = _c === void 0 ? 'div' : _c, props = tslib_1.__rest(_a, ["size", "color", "innerRef", "style", "className", "children", "as"]);
    return (react_1.default.createElement(Component, tslib_1.__assign({}, props, { ref: innerRef, className: exports.cnDivider(null, [className]), style: style }),
        react_1.default.createElement(Divider_Line_1.DividerLine, { size: size, color: color }),
        children,
        children && react_1.default.createElement(Divider_Line_1.DividerLine, { size: size, color: color })));
};
exports.Divider = Divider;
exports.Divider.displayName = exports.cnDivider();