import * as React from 'react';
import type { ITileLayout, ITileProps, TileSize } from './Tile.types';
import type { JSXElement } from '@fluentui/utilities';
export declare const TileLayoutValues: {
    nameplatePadding: 12;
    largeNameplateNameHeight: 15;
    smallNameplateNameHeight: 12;
    nameplateMargin: 0;
    largeNameplateActivityHeight: 20;
    smallNameplateActivityHeight: 20;
    foregroundMargin: 16;
};
export type TileLayoutValues = (typeof TileLayoutValues)[keyof typeof TileLayoutValues];
export interface ITileState {
    isSelected?: boolean;
    isModal?: boolean;
}
export declare const TileLayoutSizes: {
    [P in TileSize]: {
        nameplatePadding: number;
        nameplateNameHeight: number;
        nameplateMargin: number;
        nameplateActivityHeight: number;
        foregroundMargin: number;
    };
};
/**
 * A tile provides a frame for a potentially-selectable item which displays its contents prominently.
 */
export declare class Tile extends React.Component<ITileProps, ITileState> {
    private _nameId;
    private _activityId;
    private _labelId;
    private _descriptionId;
    private _events;
    constructor(props: ITileProps, context?: any);
    UNSAFE_componentWillReceiveProps(nextProps: ITileProps): void;
    componentDidMount(): void;
    componentDidUpdate(previousProps: ITileProps): void;
    componentWillUnmount(): void;
    render(): JSXElement;
    private _onRenderBackground;
    private _onRenderForeground;
    private _onRenderNameplate;
    private _onRenderCheck;
    private _onSelectionChange;
}
export type { ITileLayout };
export declare function getTileLayout(tileElement: JSXElement): ITileLayout;
export declare function renderTileWithLayout(tileElement: JSXElement, props: Partial<ITileProps>): JSXElement;