import { ElementRef, OnInit, Renderer2 } from '@angular/core';
import { QdGridConfig } from './model/grid-config.interface';
import * as i0 from "@angular/core";
import * as i1 from "./directives/columns.directive";
/**
 * The component **qd-grid** is used to build a grid. Maximum 6 columns can be defined. Optionally, a title can be set.
 * You can use the `qdColumn` directive for the elements inside the grid.
 * The `qdColumn` value defines how many columns a block takes *(colspan)*.
 *
 * *  See child directive **qdColumn**
 *
 * **Usage:**
 *
 * @example
 * <qd-grid [config]="{ columns: 6 }">
 *   <div qdColumn="1"></div>
 *   <div qdColumn="2"></div>
 *   <div qdColumn="3"></div>
 * </qd-grid>
 */
export declare class QdGridComponent implements OnInit {
    private readonly _renderer;
    private readonly _elementRef;
    config: QdGridConfig;
    private readonly _columnsDirective;
    get element(): HTMLElement;
    constructor(_renderer: Renderer2, _elementRef: ElementRef<HTMLElement>);
    ngOnInit(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdGridComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<QdGridComponent, "qd-grid", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.QdColumnsDirective; inputs: { "qdColumns": "qdColumns"; }; outputs: {}; }]>;
}
//# sourceMappingURL=grid.component.d.ts.map