import { FlattenInterpolation, ThemeProps } from 'styled-components';
import { ResolvedTheme } from '../../themes';
import { type IconProps } from '../icon';
import { type BaseButtonStyles } from './abstract/styles';
import type { ButtonProps, ButtonType } from './button';
interface ButtonTypeStyles {
    buttonType: ButtonType;
    inverted?: boolean;
    theme: ResolvedTheme;
}
export declare function getButtonTypeStyles({ inverted, buttonType, theme, }: ButtonTypeStyles): FlattenInterpolation<ThemeProps<ResolvedTheme>>;
interface ButtonStylesProps extends ButtonTypeStyles, BaseButtonStyles {
}
export declare const getButtonStyles: ({ buttonType, inverted, $size, $isMobile, theme, }: ButtonStylesProps) => FlattenInterpolation<ThemeProps<ResolvedTheme>>;
export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./abstract").AbstractButtonProps & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
    theme: ResolvedTheme;
} & ButtonProps, never>;
export declare const StyledSpinner: import("styled-components").StyledComponent<import("react").FC<import("../progress-indicator/progress-indicator").ProgressIndicatorProps>, import("styled-components").DefaultTheme, {}, never>;
type SideIconProps = IconProps & {
    $buttonType: ButtonProps['buttonType'];
};
export declare const LeftIcon: import("styled-components").StyledComponent<import("react").FC<IconProps>, import("styled-components").DefaultTheme, SideIconProps, never>;
export declare const RightIcon: import("styled-components").StyledComponent<import("react").FC<IconProps>, import("styled-components").DefaultTheme, SideIconProps, never>;
export {};