@ozen-ui/kit/__inner__/cjs/components/Divider/Divider.js

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Divider = exports.cnDivider = void 0;
var tslib_1 = require("tslib");
require("./Divider.css");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../hooks/useThemeProps");
var classname_1 = require("../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
var constants_1 = require("./constants");
exports.cnDivider = (0, classname_1.cn)('Divider');
exports.Divider = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'Divider',
    });
    var _a = props.as, Tag = _a === void 0 ? constants_1.DIVIDER_DEFAULT_TAG : _a, _b = props.color, color = _b === void 0 ? 'primary' : _b, _c = props.size, size = _c === void 0 ? 's' : _c, _d = props.orientation, orientation = _d === void 0 ? 'horizontal' : _d, display = props.display, className = props.className, flexItem = props.flexItem, other = tslib_1.__rest(props, ["as", "color", "size", "orientation", "display", "className", "flexItem"]);
    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnDivider)({ display: display, size: size, orientation: orientation, flexItem: flexItem, color: color }, [
            className,
        ]), role: "separator" }, other, { ref: ref })));
});
exports.Divider.displayName = 'Divider';