import { CSSProperties } from 'react';
import { PageConfig } from '../entities';
export declare type Props = {
    step: number;
    active: boolean;
    page: PageConfig;
    onClick?: (e: Event) => void;
    style?: CSSProperties;
    activeColor?: string;
    alertColor?: string;
};
/**
 * A step header after [material design](https://material.io/guidelines/components/steppers.html#steppers-specs)
 * renders a step icon and title. Used for building material design based steppers.
 */
export declare const StepHeader: ({ step, active, page, activeColor, alertColor, style, onClick }: Props) => JSX.Element;
