import React from 'react';
import { RowOrColumn } from '../Stack/types';
import { Position } from './types';
import { IRow } from '../Row/types';
export interface IConnectedProvider extends IRow {
    direction?: RowOrColumn;
    children: React.ReactNode;
    group?: string;
    isConnected?: boolean;
}
export declare const ConnectedProvider: React.ForwardRefExoticComponent<Omit<IConnectedProvider, "ref"> & React.RefAttributes<HTMLDivElement>>;
export declare function useConnected(groupId?: string): {
    id: string;
    ids: string[];
    isConnected: boolean | undefined;
    position: Position;
    borderStyles: import("../../core").IBox | undefined;
};
export declare const Connected: React.FC<IConnectedProvider>;