import { J as JSXCustomElement } from '../../jsx-custom-element-C8UWRHYg.js';

type Column = 'auto' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
interface GridItemAttributes {
    grow?: string | boolean;
    shrink?: string | boolean;
    /**
     * Applies display grid so that children fill the height and width of the grid item
     */
    fill?: string | boolean;
    smallMobile?: Column;
    mobile?: Column;
    largeMobile?: Column;
    smallTablet?: Column;
    tablet?: Column;
    largeTablet?: Column;
    smallDesktop?: Column;
    desktop?: Column;
    largeDesktop?: Column;
}
declare global {
    interface HTMLElementTagNameMap {
        'dmd-grid-item': GridItemAttributes;
    }
}
declare module 'react' {
    namespace JSX {
        interface IntrinsicElements {
            'dmd-grid-item': JSXCustomElement<GridItemAttributes>;
        }
    }
}

export type { GridItemAttributes };