import { FC } from 'react';
import { SemanticGridWIDTHS } from '../../utilities/SemanticUtils';
import { GridColumn } from './GridColumn';
import { GridRow } from './GridRow';
export declare type GridTextAlign = 'left' | 'right' | 'center' | 'justify';
export declare type GridVerticalAlign = 'bottom' | 'middle' | 'top';
export declare type GridColumnsCount = SemanticGridWIDTHS | 'equal';
export declare type ViewportWidthSegment = 'mobile' | 'tablet' | 'desktop' | 'largescreen' | 'widescreen';
/**
 * Grid properties
 */
export interface GridPropsStrict {
    /** A grid can have rows divided into cells */
    celled?: boolean | 'internally';
    /** A grid can have its columns centered */
    centered?: boolean;
    /** Adds one or more classnames to an element */
    className?: string;
    /** Represents column count per row */
    columns?: GridColumnsCount;
    /** A grid can have dividers between its columns */
    divided?: boolean | 'vertically';
    /** A grid can double its column width on tablet and mobile sizes */
    doubling?: boolean;
    /** Set the wrapping element's tagname */
    el?: any;
    /** A grid can preserve its vertical and horizontal gutters on first and last columns */
    padded?: boolean | 'horizontally' | 'vertically';
    /** A grid can increase its gutters to allow for more negative space */
    relaxed?: boolean | 'very';
    /** A grid can specify that its columns should reverse order per device */
    reversed?: string;
    /** A grid can have its columns stack on-top of each other after reaching mobile breakpoints */
    stackable?: boolean;
    /** A grid can stretch its contents to take up the entire grid height */
    stretched?: boolean;
    /** Alignment of content */
    textAlign?: GridTextAlign;
    /** Vertical alignment of content */
    verticalAlign?: GridVerticalAlign;
}
export interface GridProps extends GridPropsStrict {
    [propName: string]: any;
}
interface Grid extends FC<GridProps> {
    /** Subcomponents */
    Row: typeof GridRow;
    Column: typeof GridColumn;
}
export declare const Grid: Grid;
export {};