/// <reference types="react" />
import type { VariationKey } from './button';
import { InferComponentProps } from './types.js';
export declare const IconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    variation?: VariationKey | undefined;
    buttonAriaLabel?: string | undefined;
} & Omit<InferComponentProps<import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./button").StyledButtonProps, never>>, "size"> & InferComponentProps<import("styled-components").StyledComponent<({ name, size, ...props }: {
    name: import("./icons").IconName;
    size?: string | undefined;
} & import("react").SVGProps<SVGSVGElement>) => JSX.Element | null, import("styled-components").DefaultTheme, {}, never>> & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
export declare const InteractiveIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
    variation?: VariationKey | undefined;
    buttonAriaLabel?: string | undefined;
} & Omit<InferComponentProps<import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./button").StyledButtonProps, never>>, "size"> & InferComponentProps<import("styled-components").StyledComponent<({ name, size, ...props }: {
    name: import("./icons").IconName;
    size?: string | undefined;
} & import("react").SVGProps<SVGSVGElement>) => JSX.Element | null, import("styled-components").DefaultTheme, {}, never>> & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;