import React from 'react';
import { Labels } from './types';
declare type Props = {
    initialStep?: number;
    /**
     * Main title of the form
     */
    title: React.ReactNode;
    /**
     * Description for the form
     */
    description: React.ReactNode;
    onSubmit: () => void;
    onCancel?: () => void;
    /**
     * Pass inn custom labels for the different actions/buttons in the step flow.
     * Enables use of different languages
     */
    labels?: Labels;
    /**
     * Children will be each form step.
     * Each step must be wrapped in a StepWrapper
     */
    children: React.ReactNode;
    /**
     * Displayed to the right on large screens,
     * and at the bottom of each step on small screens.
     */
    additionalContent?: React.ReactNode;
    /**
     * Displayed on top,
     */
    navBar?: React.ReactNode;
    /**
     * @default 'white'
     */
    color?: 'white' | 'grey';
};
export declare const StepFlow: (props: Props) => JSX.Element;
export {};