import React, { HTMLAttributes } from "react";
export interface GridCSSProperties {
    /**
     * The number of rows that a cell should span. If this value is provided, it
     * will be used instead of the `rowEnd` property. When this is `undefined`, it
     * will span 1 row as normal.
     */
    rowSpan?: number;
    /**
     * The row that the cell should start at. This is a nice way to be able to
     * reorder cells within your grid.
     */
    rowStart?: number | string;
    /**
     * The row that the cell should end at. This is a nice way to be able to
     * reorder cells within your grid but will be ignored if the `rowSpan`
     * property is provided.
     */
    rowEnd?: number | string;
    /**
     * The number of columns that the cell should span. If this value is provided,
     * it will be used instead of the `colEnd` property.
     *
     * Note: If this value is larger than the number of columns allowed in the
     * current grid, it will shrink all the other columns.
     */
    colSpan?: number;
    /**
     * The column that the cell should start at. When this is `undefined`, it will
     * just appear in normal order within the grid.
     */
    colStart?: number | string;
    /**
     * The column that the cell should stop at. When this is `undefined`, it will
     * just appear in normal order within the grid and span only 1 column. If the
     * `colSpan` property was provided, this will be ignored.
     */
    colEnd?: number | string;
}
export interface GridCellProps extends HTMLAttributes<HTMLDivElement>, GridCSSProperties {
    /**
     * Boolean if the className should be cloned into the child instead of
     * wrapping in another div. This will only work if the `children` is a single
     * ReactElement.
     */
    clone?: boolean;
    /**
     * The number of columns that the cell should span. If this value is provided,
     * it will be used instead of the `colEnd` property.
     *
     * Note: If this value is larger than the number of columns allowed in the
     * current grid, it will shrink all the other columns.
     */
    colSpan?: number;
    /**
     * Optional Grid CSS Property overries that should be applied on phones only.
     */
    phone?: GridCSSProperties;
    /**
     * Optional Grid CSS Property overries that should be applied on tablets and
     * above.
     */
    tablet?: GridCSSProperties;
    /**
     * Optional Grid CSS Property overries that should be applied on desktop
     * screens.
     */
    desktop?: GridCSSProperties;
    /**
     * Optional Grid CSS Property overries that should be applied on large
     * desktops only.
     */
    largeDesktop?: GridCSSProperties;
}
declare const GridCell: React.ForwardRefExoticComponent<GridCellProps & React.RefAttributes<HTMLDivElement>>;
export default GridCell;