import { default as React } from 'react';
import { TitleTags } from './../Title/Title';
export type TileVariants = 'normal' | 'compact';
interface TileProps extends Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'onClick' | 'rel'> {
    children?: React.ReactNode;
    /** Adds custom classes to the element. */
    className?: string;
    /**	Sets the icon to be displayed inside the tile. */
    icon: React.ReactElement;
    /**	Sets the title to be displayed inside the tile. */
    title: React.ReactElement;
    /** Toggles the highlighted style of the tile. */
    highlighted?: boolean;
    /** Sets the description to be displayed inside the tile. */
    description?: string;
    /** Sets a fixed max and min width for the tile. */
    fixed?: boolean;
    /** Sets the visual variant of the component */
    variant?: TileVariants;
    /** Sets the data-testid attribute. */
    testId?: string;
    /** Ref passed to the component */
    ref?: React.Ref<HTMLAnchorElement | null>;
}
interface TileTitleProps {
    children: React.ReactNode;
    className?: string;
    htmlMarkup?: TitleTags;
    highlighted?: boolean;
    compact?: boolean;
    /** Ref passed to the title element */
    ref?: React.Ref<HTMLHeadingElement | null>;
}
export interface TileCompound extends React.FC<TileProps> {
    Title: React.FC<TileTitleProps>;
}
export declare const Tile: TileCompound;
export default Tile;