retro-react/dist/cjs/components/stepper/Stepper.d.ts

A React component library for building retro-style websites

/** @jsxImportSource theme-ui */
import React from 'react';
import { ThemeUICSSObject } from 'theme-ui';
import { StepperVariant } from './Stepper.styled';
interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * The active step of the Stepper.
     *
     * @default 0
     */
    activeStep: number;
    /**
     * The steps of the Stepper.
     *
     * @default []
     */
    steps: Array<string>;
    /**
     * The visual variant of the Stepper.
     * - default: Blue active, green completed
     * - process: Blue process flow styling
     * - warning: Red warning state styling
     * - success: Green success state styling
     *
     * @default 'default'
     */
    variant?: StepperVariant;
    /**
     * Whether to show labels for each step under the step number.
     *
     * @default true
     */
    showLabels?: boolean;
    sx?: ThemeUICSSObject;
}
/**
 * Authentic retro Stepper component with Windows 3.1 styling for step-by-step processes.
 *
 * Features:
 * - Authentic Windows 3.1 button and panel styling
 * - Visual distinction between active, completed, and inactive steps
 * - Multiple retro variants (default, process, warning, success)
 * - Proper step connectors showing progress flow
 * - Optional step labels with authentic typography
 *
 * @example
 * // Basic process stepper
 * <Stepper
 *   variant="process"
 *   activeStep={2}
 *   steps={["Select Service", "Choose Time", "Confirm Booking", "Complete"]}
 * />
 */
export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
export {};