import { default as React } from 'react';
export interface VerticalProgressItemProps {
    /**
     * The index of the item. Index is used to pass to onItemOpen callback
     */
    index: number;
    /**
     * Title of the item. By design it should be visually h4 Heading component
     */
    title: React.ReactNode;
    /**
     * VerticalProgressItem children. Its rendered out as content of the item.
     * In whatever state Item is, application should handle in which state content is rendered or which content is rendered.
     */
    children?: React.ReactNode;
    /**
     * State of the item
     * - active - item is currently open item
     * - completed - item is completed
     * - error - item has error
     * - disabled - item is disabled
     * - undefined - item is not current, completed, no error and not disabled
     */
    state?: 'active' | 'completed' | 'error' | 'disabled';
    /**
     * Can item be toggled. If true, item can be opened with edit button.
     * @default true, if state is not disabled or active
     */
    isToggable?: boolean;
}
export declare const VerticalProgressItemContext: React.Context<VerticalProgressItemProps>;
export declare const VerticalProgressItem: (props: VerticalProgressItemProps) => import("react/jsx-runtime").JSX.Element;
export default VerticalProgressItem;