import type React from 'react';
import type { BrandedIconName } from './icons.generated';
export type BrandedIconProps = {
    /**
     * The name of the icon.
     */
    icon: BrandedIconName;
    /**
     * The size of the icon in pixels.
     */
    size: 24 | 32 | 40;
    /**
     * Custom class name, merged with existing classes.
     */
    className?: string;
    /**
     * Alternate text.
     *
     * May be omitted if the alternate text is already present,
     * such as in a button that already has a label.
     */
    alt?: string;
    /**
     * Indicates how the browser should load the image.
     *
     * Prefer `lazy` for images below the fold or not immediately visible.
     */
    loading?: 'eager' | 'lazy';
    hidden?: boolean;
    id?: string;
    title?: string;
    dir?: string;
    lang?: string;
    slot?: string;
    style?: React.CSSProperties;
    onAnimationEnd?: React.AnimationEventHandler<HTMLImageElement>;
    onAnimationStart?: React.AnimationEventHandler<HTMLImageElement>;
    onTransitionEnd?: React.TransitionEventHandler<HTMLImageElement>;
};
/**
 * BrandedIcon renders an `img` with a src on the volvocars.com CDN with icons
 * representing Partners and Services.
 */
export declare const BrandedIcon: React.ForwardRefExoticComponent<BrandedIconProps & React.RefAttributes<HTMLImageElement>>;