import * as React from 'react';
import { Orientation, StandardProps } from './types';
import { PaperProps } from './paper';
import { LinearProgressProps } from './linear-progress';
import { ButtonBaseProps } from './button';
export interface StepperProps extends StandardProps<PaperProps> {
    /**
     * @name Active Step
     * @description Set the selected item. 0 for the first, 1 for the second, etc
     * @default 0
     * @group Stepper
     * */
    activeStep?: number;
    /**
     * @name Orientation
     * @default Horizontal
     * @control ButtonGroup
     * @group Stepper
     * */
    orientation?: Orientation;
    /**
     * @name Alt. Label
     * @default false
     * @group Stepper
     * @description If set to 'true' and orientation is horizontal, then the step label will be positioned under the icon.
     * */
    alternativeLabel?: boolean;
    /**
     * @name Non Linear
     * @group Stepper
     * @description If set the Stepper will not assist in controlling steps for linear flow.
     *
     * */
    nonLinear?: boolean;
    /**
    * @default
    * ```tsx
    * import * as React from 'react';
    * import { Step } from './';
    *
    * export default () => (
    * <>
    *   <Step />
    *   <Step />
    *   <Step />
    * <>
    * );
    * ```
    **/
    children?: React.ReactNode;
}
export interface MobileStepperProps extends StandardProps<PaperProps> {
    /** @name Active Step */
    activeStep?: number;
    /** @name Back Button */
    backButton: React.ReactElement<any>;
    /** @name Next Button */
    nextButton: React.ReactElement<any>;
    /** @name Position */
    position?: 'bottom' | 'top' | 'static';
    /** @name Steps */
    steps: number;
    /** @name Variant */
    variant?: MobileStepperVariant;
    LinearProgressProps?: Partial<LinearProgressProps>;
}
export interface StepProps {
    /**
    * @default
    * ```tsx
    * import * as React from 'react';
    * import { StepLabel } from './step';
    *
    * export default () => <StepLabel />);
    * ```
    **/
    children?: React.ReactNode;
}
export interface StepButtonProps extends StandardProps<ButtonBaseProps> {
    children?: React.ReactNode;
}
export interface StepConnectorProps {
    /** @name Active */
    active?: boolean;
    /** @name Alternative Label */
    alternativeLabel?: boolean;
    /** @name Completed */
    completed?: boolean;
    /** @name Disabled */
    disabled?: boolean;
    /** @name Index */
    index?: number;
    /** @name Orientation */
    orientation?: Orientation;
}
export interface StepLabelProps {
    /**
     * @name Error
     * @description Mark the step as failed.
     * */
    error?: boolean;
    /**
    * @default
    * ```tsx
    * import * as React from 'react';
    * import { Text } from '@meetalva/essentials';
    *
    * export default () => (
    * <Text text="Step Title" />
    * );
    * ```
    **/
    children?: React.ReactNode;
}
export interface StepIconProps {
    /**
     * @name Active
     * @description Whether this step is active.
     * @group Step Icon
     * */
    active?: boolean;
    /**
     * @name Completed
     * @description Mark the step as completed.
     * @group Step Icon
     * */
    completed?: boolean;
    /**
     * @name Error
     * @description Mark the step as failed.
     * @group Step Icon
     * */
    error?: boolean;
    /** @name Icon */
    icon: React.ReactNode;
}
export interface StepContentProps {
    children: React.ReactNode;
}
export declare enum MobileStepperVariant {
    Text = "text",
    Dots = "dots",
    Progress = "progress"
}
/**
 * @name Stepper
 * @description Convey progress through numbered steps
 * @icon MoreHorizontal
 * @group Stepper
 */
export declare const Stepper: React.SFC<StepperProps>;
/**
 * @name Mobile Stepper
 * @group Stepper
 * @ignore
 */
export declare const MobileStepper: React.SFC<MobileStepperProps>;
/**
 * @name Step
 * @group Stepper
 * @icon Square
 * */
export declare const Step: React.SFC<StepProps>;
/**
 * @name Step Button
 * @group Stepper
 * @icon MinusSquare
 * */
export declare const StepButton: React.SFC<StepButtonProps>;
/**
 * @name Step Connector
 * @group Stepper
 * @icon Minus
 * @ignore
 * */
export declare const StepConnector: React.SFC<StepConnectorProps>;
/**
 * @name Step Icon
 * @group Stepper
 * @ignore
 * */
export declare const StepIcon: React.SFC<StepIconProps>;
/**
 * @name Step Content
 * @group Stepper
 * @icon Square
 * @ignore
 * */
export declare const StepContent: React.SFC<StepContentProps>;
/**
 * @name Step Label
 * @group Stepper
 * @icon Tag
 * */
export declare const StepLabel: React.SFC<StepLabelProps>;