import { type CSSProperties } from 'react';
import { type GapProps } from './getGapSprinkles.js';
import { type GridFlexPositionProps } from './getGridFlexPositionSprinkles.js';
import { type LayoutSizeProps } from './getLayoutSizeStyles.js';
import { type SpacingProps } from './getSpacingSprinkles.js';
/**
 * Defines the grid item props.
 * @public
 */
export interface GridItemStyleProps {
    /**
     * Determines whether this is a grid item.
     * If true, display: 'grid' style will not be added.
     */
    gridItem?: boolean;
}
/**
 * Defines the grid style props.
 * @public
 */
export interface GridStyleProps extends GridFlexPositionProps, GapProps, LayoutSizeProps, SpacingProps, GridItemStyleProps {
    /** Defines order */
    order?: CSSProperties['order'];
    /** Defines flex grow */
    flexGrow?: CSSProperties['flexGrow'];
    /** Defines flex shrink */
    flexShrink?: CSSProperties['flexShrink'];
    /** Defines flex basis */
    flexBasis?: CSSProperties['flexBasis'];
    /** Defines flex */
    flex?: CSSProperties['flex'];
    /** Defines grid template columns */
    gridTemplateColumns?: CSSProperties['gridTemplateColumns'];
    /** Defines grid template rows */
    gridTemplateRows?: CSSProperties['gridTemplateRows'];
    /** Defines grid template areas */
    gridTemplateAreas?: CSSProperties['gridTemplateAreas'];
    /** Defines grid template */
    gridTemplate?: CSSProperties['gridTemplate'];
    /** Defines grid auto columns */
    gridAutoColumns?: CSSProperties['gridAutoColumns'];
    /** Defines grid auto rows */
    gridAutoRows?: CSSProperties['gridAutoRows'];
    /** Defines grid auto flow */
    gridAutoFlow?: CSSProperties['gridAutoFlow'];
    /** Defines grid */
    grid?: CSSProperties['grid'];
    /** Defines grid column start */
    gridColumnStart?: CSSProperties['gridColumnStart'];
    /** Defines grid column end */
    gridColumnEnd?: CSSProperties['gridColumnEnd'];
    /** Defines grid row start */
    gridRowStart?: CSSProperties['gridRowStart'];
    /** Defines grid row end */
    gridRowEnd?: CSSProperties['gridRowEnd'];
    /** Defines grid column */
    gridColumn?: CSSProperties['gridColumn'];
    /** Defines grid row */
    gridRow?: CSSProperties['gridRow'];
    /** Defines grid area */
    gridArea?: CSSProperties['gridArea'];
}
/**
 * Helper function that will extract all styling relevant props for the Grid styling
 * and will return them as classnames and style attributes.
 * The remaining props returned are the ones that no longer contain any Grid styling
 * related entries.
 * @internal
 */
export declare function getGridStyles<T extends GridStyleProps>(props: T, defaults?: Partial<GridStyleProps>): [
    className: string,
    style: CSSProperties,
    remainingProps: Omit<T, keyof GridStyleProps>
];