export type StepProps = {
    /** Available variants: `default`, `incomplete`, `completed` and `active` */
    variant?: "default" | "incomplete" | "completed" | "active";
    /** Adds bifrost default spacing (8px) on the right side of the icon */
    marginRight?: boolean;
    /** Adds bifrost default spacing (8px) on the left side of the icon */
    marginLeft?: boolean;
    /** CSS class name */
    className?: string;
};
/**
 * Step icon, used in menus for step-by step wizards.
 * @example
 * <Icon.Step variant="default" />
 * @example
 * // inside a menu item
 * <a href="/step1">
 *   <Menu.Item>
 *     <Icon.Step variant="completed" marginRight />
 *     Step 1
 *   </Menu.Item>
 * </a>
 */
declare const IconStep: {
    ({ variant, marginRight, marginLeft, className, }: StepProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default IconStep;