import React, { FC } from "react";
import { BoxProps } from "@material-ui/core";
export declare type TileItem = {
    id?: string;
    title?: string;
    /** Setting size to `large` will result in a taller card - 292px to be exact. */
    size?: "small" | "large";
    active?: boolean;
    coverImage?: {
        url: string;
        [key: string]: unknown;
    };
    coverImageUrl?: string;
    [key: string]: unknown;
};
export interface TileProps extends Omit<TileItem, "title">, Omit<BoxProps, "title"> {
    /** Passing true will wrap the tile in a `theme.palette.primary` coloured border. */
    active?: boolean;
    /** pass a coverImage={{url: "https://..."}} and the tile will have a background with skrim. */
    coverImageUrl?: string;
    /** Function called when the tile is clicked. */
    onClick?: () => void;
    size?: "small" | "large";
    title?: string | React.ReactNode;
}
export declare const TILE_SMALL_HEIGHT = 156;
export declare const TILE_LARGE_HEIGHT = 292;
/**
 * A card or tile with additional props for handy use-cases.
 * Extends [`@material-ui/core/Box`](https://material-ui.com/components/box/).
 */
export declare const Tile: FC<TileProps>;
//# sourceMappingURL=index.d.ts.map