import { jsx as _jsx } from "react/jsx-runtime";
import MuiStepLabel from '@mui/material/StepLabel';
import { useCallback } from 'react';
import { StepIcon } from '../StepIcon';
export const StepLabel = (props) => {
    const { isSelected, icon: Icon, ...restProps } = props;
    const stepIconRender = useCallback(({ active, completed, error }) => (_jsx(StepIcon, { icon: Icon, isSelected: isSelected, active: active, completed: completed, error: error })), [isSelected]);
    return _jsx(MuiStepLabel, { StepIconComponent: stepIconRender, ...restProps });
};
