import { jsx as _jsx } from "react/jsx-runtime";
import { useMemo } from 'react';
import { useStyleConfig, vui } from '../core';
import { cs, filterUndefined } from '../utils';
import { StepperVerticalProvider } from './context';
import StepperVerticalBase from './stepperVerticalBase';
/**
 * Implements vertical stepper **
 */
export const StepperVertical = vui((props, ref) => {
    const { children, className, size, ...rest } = props;
    const styles = useStyleConfig('StepperVertical', props);
    const context = useMemo(() => filterUndefined({ size }), [size]);
    return (_jsx(StepperVerticalProvider, { value: context, children: _jsx(StepperVerticalBase, { className: cs('vui-stepperVertical', className), ref: ref, ...styles.container, ...rest, children: children }) }));
});
StepperVertical.displayName = 'StepperVertical';
export default StepperVertical;
//# sourceMappingURL=stepperVertical.js.map