import React from 'react';
export interface IEnrichedUrlData {
    /** An image to show */
    image?: {
        /** The image file */
        src: string;
        /** The width of the image */
        width?: number;
        /** The height of the image */
        height?: number;
        /** The alt text for the image */
        alt?: string;
    };
    /** The url to link to */
    url: string;
    /** The title text to show on the link */
    title: string;
    /** Paragraph text to show on the link; this is only shown on extra-large and large sizes */
    description?: string;
}
interface Props {
    /** The style of the link. Defaults to 'default', which shows all of the details. */
    variant?: 'default' | 'condensed';
    /** The data to render in the link */
    data: IEnrichedUrlData;
    /** An optional function to call when the link is clicked, instead of opening the link */
    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
    /** An optional aria-label, so we can explain to screen readers what the onClick will do */
    'aria-label'?: string;
    /** The Google Tag Manager data to be passed to the link */
    gtm?: {
        /** The context of the event for GTM */
        context?: string;
        /** The event description for GTM */
        event?: string;
    };
}
declare const EnrichedUrl: ({ variant, data: { image, url, title, description }, onClick, gtm, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
export default EnrichedUrl;
