import { LitElement } from 'lit';
import { FileType } from '../../types/files.types';
import { ShadowPartsController } from '../../controllers/shadow-parts-controller';
declare global {
    interface HTMLElementTagNameMap {
        "wy-image-grid": WyImageGrid;
    }
}
/**
 * Image grid with evenly layouted heights on each row.
 *
 * @csspart wy-image-grid - The grid container.
 * @csspart wy-image-grid-outer - Modifier class for outer styling.
 * @csspart wy-image - Image wrapper.
 * @csspart wy-image-filled - Expanding the image wrapper to the area where it's placed.
 * @csspart wy-image-full-width - Image wrapper in full with.
 * @csspart wy-image-area - Area to render the image.
 * @csspart wy-image-content - The image.
 * @csspart wy-image-icon - The image when it's an icon.
 * @csspart wy-image-grid-more - Overlay on the last image in the limited span.
 *
 * @fires {FileOpenEventType} file-open - When opening a file in preview is requested.
 */
export declare class WyImageGrid extends LitElement {
    static styles: import('lit').CSSResult[];
    protected exportParts: ShadowPartsController;
    /**
     * Array of images to display. Displays an overflow graphic on the last image in the limited span.
     */
    images: FileType[];
    /**
     * The maximum number of images to display. The last image will get an graphic overlay indication there is more.
     *
     * Set to `Infinity` to disable the limit.
     */
    limit: number;
    /**
     * Display the image grid with outer styling.
     */
    outer: boolean;
    /**
     * Dispatch a `file-open` event.
     *
     * @internal
     * @param e - Event that will be prevented.
     * @param file - The file to open.
     */
    dispatchFileOpen(e: MouseEvent, file: FileType): void;
    render(): import('../../../node_modules/lit-html/node/lit-html.js').TemplateResult<1>;
}
//# sourceMappingURL=wy-image-grid.d.ts.map