import React from 'react';
import { BadgeProps } from '../Badge';
export interface StepsContextProps {
    current: number;
}
declare const useSteps: () => StepsContextProps;
export interface StepsProps extends StepsContextProps {
    children?: React.ReactNode;
}
declare const Steps: ({ children, ...props }: StepsProps) => import("react/jsx-runtime").JSX.Element;
export interface StepsItemContextProps {
    step: number;
}
declare const useStepsItem: () => {
    current: number;
    step: number;
    completed: boolean;
    active: boolean;
};
export interface StepsItemProps extends React.HTMLAttributes<HTMLDivElement>, StepsItemContextProps {
}
declare const StepsItem: React.ForwardRefExoticComponent<StepsItemProps & React.RefAttributes<HTMLDivElement>>;
export interface StepsBadgeProps extends Omit<BadgeProps, 'children'> {
    children?: (props: {
        active: boolean;
        completed: boolean;
    }) => React.ReactNode;
}
declare const StepsBadge: React.ForwardRefExoticComponent<StepsBadgeProps & React.RefAttributes<HTMLDivElement>>;
declare const StepsSeparator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    type?: "line" | "dot" | undefined;
} & React.RefAttributes<HTMLDivElement>>;
export { Steps, StepsItem, StepsBadge, StepsSeparator, useSteps, useStepsItem };