import { Accessibility, GridBehaviorProps } from '@fluentui/accessibility';
import { ComponentWithAs } from '@fluentui/react-bindings';
import { UIComponentProps, ChildrenComponentProps, ContentComponentProps } from '../../utils';
import { FluentComponentStaticProps } from '../../types';
export interface GridProps extends UIComponentProps, ChildrenComponentProps, ContentComponentProps {
    /**
     * Accessibility behavior if overridden by the user.
     * @available gridBehavior, gridHorizontalBehavior
     * */
    accessibility?: Accessibility<GridBehaviorProps>;
    /** The columns of the grid with a space-separated list of values. The values represent the track size, and the space between them represents the grid line. */
    columns?: number;
    /** The rows of the grid with a space-separated list of values. The values represent the track size, and the space between them represents the grid line. */
    rows?: number;
}
export declare const gridClassName = "ui-grid";
export declare type GridStylesProps = Pick<GridProps, 'columns' | 'rows'>;
/**
 * A Grid is a layout component that harmonizes negative space, by controlling both the row and column alignment.
 */
export declare const Grid: ComponentWithAs<'div', GridProps> & FluentComponentStaticProps<GridProps>;