@ozen-ui/kit

Version:
React component library
33 lines (32 loc) • 2.33 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StepperVerticalStepSubcontentButton = exports.cnStepperVerticalStepSubcontentButton = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var icons_1 = require("@ozen-ui/icons");
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var utils_1 = require("../../../../utils");
var StepperVerticalStep_1 = require("../StepperVerticalStep");
var StepperVerticalStepButton_1 = require("../StepperVerticalStepButton");
var constants_1 = require("./constants");
exports.cnStepperVerticalStepSubcontentButton = (0, utils_1.cn)('StepperVerticalStepSubcontentButton');
exports.StepperVerticalStepSubcontentButton = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        name: 'StepperVerticalStepSubcontentButton',
        props: inProps,
    });
    var _a = props.color, color = _a === void 0 ? constants_1.STEPPER_VERTICAL_STEP_SUBCONTENT_BUTTON_DEFAULT_COLOR : _a, className = props.className, _b = props.as, as = _b === void 0 ? constants_1.STEPPER_VERTICAL_STEP_SUBCONTENT_BUTTON_DEFAULT_TAG : _b, onClick = props.onClick, text = props.text, other = tslib_1.__rest(props, ["color", "className", "as", "onClick", "text"]);
    var _c = (0, StepperVerticalStep_1.useStepperVerticalStepContext)(), hasSubcontent = _c.hasSubcontent, step = _c.step;
    if (!hasSubcontent) {
        return null;
    }
    return (react_1.default.createElement(StepperVerticalStepButton_1.StepperVerticalStepButton, tslib_1.__assign({}, other, { as: as, ref: ref, color: color, iconRight: react_1.default.createElement(icons_1.ChevronUpIcon, { className: (0, exports.cnStepperVerticalStepSubcontentButton)('Icon') }), className: (0, exports.cnStepperVerticalStepSubcontentButton)({ open: step.isSubcontentOpen, closed: !step.isSubcontentOpen }, [className]), onClick: function (event) {
            step.toggleSubcontent();
            onClick === null || onClick === void 0 ? void 0 : onClick(event);
        } }), (0, utils_1.renderContent)({
        content: text,
        props: { isOpen: step.isSubcontentOpen },
    })));
});
exports.StepperVerticalStepSubcontentButton.displayName =
    'StepperVerticalStepSubcontentButton';