/// <reference types="react" />
import type { ColorKey } from '../../../theme/types';
import type { IconComponentName } from '../../ui/Icon/IconComponents';
import type { TooltipProps } from '../../ui/Tooltip/Tooltip';
export declare type MediaButtonProps = {
    transparent?: boolean;
    defaultBackgroundColor?: ColorKey | [ColorKey, ColorKey];
    activeBackgroundColor?: ColorKey | [ColorKey, ColorKey];
    disabledBackgroundColor?: ColorKey | [ColorKey, ColorKey];
    defaultIconColor?: ColorKey;
    activeIconColor?: ColorKey;
    disabledIconColor?: ColorKey;
    defaultStrokeColor?: ColorKey;
    activeStrokeColor?: ColorKey;
    disabledStrokeColor?: ColorKey;
    defaultIcon: IconComponentName;
    activeIcon: IconComponentName;
    disabledIcon: IconComponentName;
    defaultTooltipText?: string;
    activeTooltipText?: string;
    tooltipPosition?: TooltipProps['position'];
    badge?: string | number | boolean;
    badgeColor?: ColorKey;
    isActive: boolean;
    isDisabled?: boolean;
    size?: 's' | 'm' | 'l';
    onClick: () => void;
    testID?: string;
    style?: React.CSSProperties;
};
declare const MediaButton: ({ transparent, defaultBackgroundColor, activeBackgroundColor, disabledBackgroundColor, defaultIconColor, activeIconColor, disabledIconColor, defaultStrokeColor, activeStrokeColor, disabledStrokeColor, defaultIcon, activeIcon, disabledIcon, defaultTooltipText, activeTooltipText, tooltipPosition, badge, badgeColor, isActive, isDisabled, size, onClick, testID, style, }: MediaButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export default MediaButton;
