import React, { type ReactNode } from 'react';
import { type SortableId } from '../SortableProvider/components/SortableBase';
export type SortableGroupItems = SortableId[];
type SortableOrientation = 'vertical' | 'horizontal';
export type SortableGroupRenderProps = {
    setDroppableRef: (node: HTMLElement | null) => void;
    isOver: boolean;
    isEmpty: boolean;
    items: SortableGroupItems;
};
export interface SortableGroupProps {
    groupId?: SortableId;
    disabled?: boolean;
    orientation?: SortableOrientation;
    children: ReactNode | ((renderProps: SortableGroupRenderProps) => ReactNode);
}
type SortableGroupContextProps = {
    disabled: boolean;
    orientation: SortableOrientation;
};
export declare const SortableGroupContext: React.Context<SortableGroupContextProps>;
declare const SortableGroup: ({ children, groupId: inGroupId, disabled, orientation, }: SortableGroupProps) => React.JSX.Element;
export default SortableGroup;
export declare function useSortableGroup(): SortableGroupContextProps;