import { type ComponentPropsWithoutRef, type CSSProperties, type ReactNode, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
type AlwaysGreatGridStyle = CSSProperties & {
    '--always-great-grid-size'?: string;
    '--always-great-grid-gap'?: string;
    '--always-great-grid-padding'?: string;
    '--always-great-grid-radius'?: string;
    '--always-great-grid-background'?: string;
    '--always-great-grid-box-background'?: string;
    '--always-great-grid-box-border'?: string;
};
type AlwaysGreatGridRenderItem = (index: number, count: number) => ReactNode;
type AlwaysGreatGridProps = Omit<ComponentPropsWithoutRef<'section'>, 'children' | 'style'> & {
    initialCount?: number;
    minCount?: number;
    maxCount?: number;
    renderItem?: AlwaysGreatGridRenderItem;
    size?: CssLength;
    gap?: CssLength;
    padding?: CssLength;
    radius?: CssLength;
    background?: string;
    boxBackground?: string;
    boxBorder?: string;
    useViewTransition?: boolean;
    addLabel?: string;
    removeLabel?: string;
    style?: AlwaysGreatGridStyle;
    ref?: Ref<HTMLElement>;
};
declare const AlwaysGreatGrid: ({ initialCount, minCount, maxCount, renderItem, size, gap, padding, radius, background, boxBackground, boxBorder, useViewTransition, addLabel, removeLabel, className, style, ref, "aria-label": ariaLabel, ...sectionProps }: AlwaysGreatGridProps) => import("react/jsx-runtime").JSX.Element;
export { AlwaysGreatGrid };
export type { AlwaysGreatGridProps, AlwaysGreatGridRenderItem, AlwaysGreatGridStyle, };