import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { CSSResultGroup } from 'lit';

/**
 * @summary The responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.
 *
 * @slot (default) - The component's main content.
 *
 * @csspart base - The component’s base wrapper.
 * @csspart content - The component's content.
 */
export default class CxGrid extends CortexElement {
    static styles: CSSResultGroup;
    defaultSlot: HTMLSlotElement;
    /** The space between children. */
    spacing: string | number;
    /** The number of columns to display. */
    columns: number;
    /** Whether to use flex gap or using padding spacing. */
    useFlexGap: boolean;
    /** The space between columns. It overrides the value of the spacing prop. */
    columnSpacing: string | number;
    /** The space between rows. It overrides the value of the spacing prop. */
    rowSpacing: string | number;
    /** Defines the flex-wrap style property.*/
    wrap: 'nowrap' | 'wrap' | 'wrap-reverse';
    /** Whether to use the "@container" query or not. */
    useContainer: boolean;
    private handleSlotChange;
    /** Helper for getter */
    private resolveSpacing;
    private get columnSpacingValue();
    private get rowSpacingValue();
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-grid': CxGrid;
    }
}
