import { FC, ReactElement, ReactNode } from "react";
export interface TextIconSpacingProps {
    /**
     * An optional className to apply to the surroudning `<span>` when the
     * `forceIconWrap` prop is enabled or the icon is not a valid React Element.
     * If the `forceIconWrap` prop is not enabled, it will be cloned into the icon
     * instead.
     */
    className?: string;
    /**
     * An optional icon to display with a text button. This is invalid for icon
     * buttons. If this is a single element, a new class name will be cloned into
     * the element to get correct spacing so if you have a custom icon element,
     * you **must** also pass that class name down. If you are using one of the
     * react-md icon component packages, this is handled automatically.
     *
     * If this is not a valid react element, the icon will be wrapped in a
     * `<span>` instead with the class names applied.
     */
    icon?: ReactElement | ReactNode;
    /**
     * Boolean if the icon should appear after the text instead of before.
     */
    iconAfter?: boolean;
    /**
     * The children to render before or after the provided icon. This is defaulted
     * to `null` so that providing a `null` icon will correctly render without
     * React crashing.
     */
    children?: ReactNode;
    /**
     * The class name to use for an icon that is placed before text.
     */
    beforeClassName?: string;
    /**
     * The class name to use for an icon that is placed after text.
     */
    afterClassName?: string;
    /**
     * The class name to use for an icon that is placed before above the text.
     * This is used when the `stacked` prop is enabled and the `iconAfter` prop is
     * disabled or omitted.
     */
    aboveClassName?: string;
    /**
     * The class name to use for an icon that is placed before above the text.
     * This is used when the `stacked` prop is enabled and the `iconAfter` prop is
     * enabled.
     */
    belowClassName?: string;
    /**
     * Boolean if the icon should be forced into a `<span>` with the class names
     * applied instead of attempting to clone into the provided icon.
     */
    forceIconWrap?: boolean;
    /**
     * Boolean if the icon and text should be stacked instead of inline. Note:
     * You'll normally want to update the container element to have `display:
     * flex` and `flex-direction: column` for this to work.
     */
    stacked?: boolean;
}
declare const TextIconSpacing: FC<TextIconSpacingProps>;
export default TextIconSpacing;