@start-base/start-ui/Stepper/index.d.mts

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import React$1 from 'react';

interface StepperProps {
    steps: {
        label: string;
        optional?: boolean;
        icon?: React.ReactNode;
        content?: React.ReactNode;
    }[];
    direction?: 'horizontal' | 'vertical';
    color?: 'primary' | 'secondary';
    className?: string;
}
interface StepProps {
    children: React.ReactNode;
    active: boolean;
    completed: boolean;
    color?: 'primary' | 'secondary';
    className?: string;
}
interface StepLabelProps {
    label: string;
    optional?: boolean;
    active: boolean;
    completed: boolean;
    color?: 'primary' | 'secondary';
    className?: string;
}
interface StepIconProps {
    icon: React.ReactNode;
    active: boolean;
    completed: boolean;
    color?: 'primary' | 'secondary';
    className?: string;
}
interface StepConnectorProps {
    active: boolean;
    completed: boolean;
    color?: 'primary' | 'secondary';
    className?: string;
}

declare const Stepper: React$1.ForwardRefExoticComponent<StepperProps & React$1.RefAttributes<HTMLDivElement>>;
declare const Step: {
    ({ children, active, completed, color, className, }: StepProps): React$1.JSX.Element;
    displayName: string;
};
declare const StepLabel: {
    ({ label, optional, active, completed, color, className, }: StepLabelProps): React$1.JSX.Element;
    displayName: string;
};
declare const StepIcon: {
    ({ icon, active, completed, color, className, }: StepIconProps): React$1.JSX.Element;
    displayName: string;
};
declare const StepConnector: {
    ({ active, completed, color, className, }: StepConnectorProps): React$1.JSX.Element;
    displayName: string;
};

export { Step, StepConnector, type StepConnectorProps, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps };