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

/**
 * @summary The item of a Grid layout.
 *
 * @slot (default) - The component’s's main content.
 *
 * @csspart base - The component’s base wrapper.
 * @csspart content - The component's content.
 */
export default class CxGridItem extends CortexElement {
    static styles: CSSResultGroup;
    /**
     * The number of columns to display at the "xs" breakpoint.
     */
    xs: number | boolean | 'auto';
    /**
     * The number of columns to display at the "sm" breakpoint.
     */
    sm: number | null | boolean | 'auto';
    /**
     * The number of columns to display at the "md" breakpoint.
     */
    md: number | null | boolean | 'auto';
    /**
     * The number of columns to display at the "lg" breakpoint.
     */
    lg: number | null | boolean | 'auto';
    /**
     * The number of columns to display at the "xl" breakpoint.
     */
    xl: number | null | boolean | 'auto';
    /**
     * Whether to use container or not
     */
    useContainer: boolean;
    /**
     * Whether to fill or not
     */
    fill: boolean;
    handleXsChange(): void;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-grid-item': CxGridItem;
    }
}
