import { default as React } from 'react';
import { ImageProps } from '../Image/Image';
type HTMLImageProps = Pick<ImageProps, 'src' | 'srcSet' | 'loading' | 'sizes' | 'height' | 'width'>;
export declare const responsivePropEnum: readonly [true, "reversed", false];
export interface USPCardProps {
    /**
     * Content of the USP card.
     */
    description?: React.ReactNode;
    /**
     * Image of the card.
     */
    image?: string | HTMLImageProps;
    /** Whether the image should cover the entire area dedicated to the image or be contained within it
     * @default 'contain'
     */
    imageFit?: 'cover' | 'contain';
    /**
     * Controls whether and how the card responds to screen size.
     *
     * Card is responsive when set to `true` or `"reversed"`, in which case the card
     * will be displayed on the right side of the image.
     *
     * When set to `false`, the image and content will be displayed in a column.
     *
     * @default true
     */
    responsive?: (typeof responsivePropEnum)[number];
    /**
     * The title of the USP card.
     */
    title: string;
}
export declare const USPCard: React.FC<USPCardProps>;
export {};