import React, { type FC } from "react"; import { type StepsType, type StepsColor } from "./Steps.types"; import type VibeComponentProps from "../../types/VibeComponentProps"; import { type ButtonProps } from "@vibe/button"; export interface StepsHeaderProps extends VibeComponentProps { /** * The type of steps header. */ type: StepsType; /** * The index of the currently active step. */ activeStepIndex: number; /** * Callback fired when the active step changes. */ onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void; /** * The total number of steps. */ stepsCount: number; /** * If true, hides the navigation buttons. */ areNavigationButtonsHidden: boolean; /** * Props applied to the back button. */ backButtonProps: Partial; /** * Props applied to the next button. */ nextButtonProps: Partial; /** * Props applied to the finish button. */ finishButtonProps: Partial; /** * If true, hides the icons in the navigation buttons. */ areButtonsIconsHidden: boolean; /** * The color theme of the steps header. */ color?: StepsColor; /** * Callback fired when the finish button is clicked. */ onFinish?: (e: React.MouseEvent) => void; } export declare const StepsHeader: FC;