@ozen-ui/kit

Version:
React component library
24 lines (23 loc) • 1.57 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StepperVerticalIndicator = exports.cnStepperVerticalIndicator = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var utils_1 = require("../../../../utils");
var Stack_1 = require("../../../Stack");
var StepperVerticalStep_1 = require("../StepperVerticalStep");
var constants_1 = require("./constants");
exports.cnStepperVerticalIndicator = (0, utils_1.cn)('StepperVerticalIndicator');
exports.StepperVerticalIndicator = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'StepperVerticalIndicator',
    });
    var children = props.children, className = props.className, as = props.as, other = tslib_1.__rest(props, ["children", "className", "as"]);
    var variant = (0, StepperVerticalStep_1.useStepperVerticalStepContext)().variant;
    var Tag = as !== null && as !== void 0 ? as : constants_1.STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG;
    return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnStepperVerticalIndicator)({ variant: variant }, [className]) }),
        react_1.default.createElement(Stack_1.Stack, { className: (0, exports.cnStepperVerticalIndicator)('Content'), align: "center", justify: "center" }, children)));
});
exports.StepperVerticalIndicator.displayName = 'StepperVerticalIndicator';