import type { ColorKey } from '../../../theme/types';
import type { IconComponentName } from '../../ui/Icon/IconComponents';
import type { TooltipProps } from '../../ui/Tooltip/Tooltip';
export declare type MediaButtonProps = {
    activeBackgroundColor?: ColorKey | [ColorKey, ColorKey];
    inactiveBackgroundColor?: ColorKey | [ColorKey, ColorKey];
    disabledBackgroundColor?: ColorKey | [ColorKey, ColorKey];
    activeIconColor?: ColorKey;
    inactiveIconColor?: ColorKey;
    disabledIconColor?: ColorKey;
    activeStrokeColor?: ColorKey;
    inactiveStrokeColor?: ColorKey;
    disabledStrokeColor?: ColorKey;
    activeIcon: IconComponentName;
    inactiveIcon: IconComponentName;
    disabledIcon: IconComponentName;
    activeTooltipText?: string;
    inactiveTooltipText?: string;
    tooltipPosition?: TooltipProps['position'];
    isActive: boolean;
    isDisabled: boolean;
    size?: 's' | 'm' | 'l';
    onClick: () => void;
    testID?: string;
};
declare const MediaButton: ({ activeBackgroundColor, inactiveBackgroundColor, disabledBackgroundColor, activeIconColor, inactiveIconColor, disabledIconColor, activeStrokeColor, inactiveStrokeColor, disabledStrokeColor, activeIcon, inactiveIcon, disabledIcon, activeTooltipText, inactiveTooltipText, tooltipPosition, isActive, isDisabled, size, onClick, testID, }: MediaButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export default MediaButton;
