@ozen-ui/kit

Version:
React component library
22 lines (21 loc) • 1.22 kB
JavaScript
import { __assign, __rest } from "tslib";
import { forwardRef } from 'react';
import { useThemeProps } from '../../../../hooks/useThemeProps';
import { cn, renderContent } from '../../../../utils';
import { useStepperVerticalStepContext } from '../StepperVerticalStep/StepperVerticalStepContext';
import { STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT } from './constants';
export var cnStepperVerticalIconIndicator = cn('StepperVerticalIconIndicator');
export var StepperVerticalIconIndicator = forwardRef(function (inProps, ref) {
    var props = useThemeProps({
        props: inProps,
        name: 'StepperVerticalIconIndicator',
    });
    var iconProp = props.icon, className = props.className, other = __rest(props, ["icon", "className"]);
    var variant = useStepperVerticalStepContext().variant;
    var icon = iconProp !== null && iconProp !== void 0 ? iconProp : STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT[variant];
    return renderContent({
        content: icon,
        props: __assign(__assign({}, other), { size: 'm', ref: ref, className: cnStepperVerticalIconIndicator({ variant: variant }, [className]) }),
    });
});
StepperVerticalIconIndicator.displayName = 'StepperVerticalIconIndicator';