import { Orientation } from '@mui/material';
import { StrictOmit } from 'fwork-jsts-common';
import React, { CSSProperties } from 'react';
export type StepData = {
    id: string;
    label: string;
    element: React.ReactNode;
    stepWrapperStyle?: CSSProperties;
};
export type StepComponentProps = {
    step: StepData;
    stepIndex: number;
    isLast: boolean;
    orientation: Orientation;
    setActiveStepIdx: React.Dispatch<React.SetStateAction<number>>;
    onDisableNext?: (step: StepData) => boolean;
    onFinishConfirm?: (step: StepData) => void;
};
export declare const StepComponent: (props: StepComponentProps) => React.JSX.Element;
export type StepperComponentProps = {
    steps: Record<string, StepData>;
    orientation: Orientation;
    onDisableNext?: (step: StepData) => boolean;
    onFinishConfirm?: (step: StepData) => void;
    style?: StrictOmit<React.CSSProperties, 'display' | 'flexDirection'> | undefined;
} & StrictOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'style'>;
export declare const StepperComponent: React.FC<StepperComponentProps>;