import React from 'react';
import { LandingPageItem } from './LandingPageTiles.model';
export interface LandingPageTilesProps {
    /** Data for all tiles */
    items: LandingPageItem[];
    /** Number of columns */
    gridTemplateColumns?: number;
    /** Height of Rows. Rows are automatically created. */
    gridRowHeight?: string;
    /** Spacing between tiles */
    gridGap?: string;
    /** The minimum width the grid can shrink down to */
    minWidth?: string;
    /** The maximum width the grid can expand to */
    maxWidth?: string;
    /** Alignment of the whole grid in the view */
    alignment?: 'left' | 'center' | 'right';
    /** Column span for the large tile */
    largeTileColumnSpan?: number;
    /** Row span for the large tile */
    largeTileRowSpan?: number;
    /** Column span for the small tile */
    smallTileColumnSpan?: number;
    /** Row span for the small tile */
    smallTileRowSpan?: number;
    /** CSS Class name for additional styles */
    className?: string;
}
/**
 * Grid system for the home station
 * @example
 * <LandingPageTiles
 *  items={[{}]}
 *  gridTemplateColumns={12}
 *  gridRowHeight={'150px'}
 *  gridGap={'5px'}
 *  minWidth={'600px'}
 *  maxWidth={'900px'}
 *  alignment={'center'}
 *  largeTileColumnSpan={4}
 *  largeTileRowSpan={2}
 *  smallTileColumnSpan={3}
 *  smallTileRowSpan={1}
 * />
 */
export declare const LandingPageTiles: React.FC<LandingPageTilesProps>;
//# sourceMappingURL=LandingPageTiles.d.ts.map