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