import React from 'react';
import './GroupContainer.less';
interface BaseGroup {
    background?: string;
    color?: string;
    components: string[];
    align?: 'left' | 'center' | 'right';
    drivers?: {
        position?: 'Start' | 'End';
        start?: number | string;
        end?: number | string;
        color?: string;
        size?: number;
    }[];
}
interface HorGroup extends BaseGroup {
    width?: string | number;
}
interface VerGroup extends BaseGroup {
    height?: string | number;
}
interface BaseProps {
    className?: string;
    style?: React.CSSProperties;
    wrapperStyle?: React.CSSProperties;
    isSideContent?: boolean;
}
export interface HorProps extends BaseProps {
    vertical?: false;
    items?: HorGroup[];
}
export type Group = HorGroup | VerGroup;
export interface VerProps extends BaseProps {
    vertical: true;
    items?: VerGroup[];
}
export type Props = HorProps | VerProps;
interface GroupContainerContextType {
    openItem: (id: string) => void;
    closeItem: (id?: string) => void;
    activeItem?: string;
    closePending?: boolean;
    contentContainer?: HTMLElement;
    isSideContent: boolean;
}
export declare const useGroupContainerContext: () => GroupContainerContextType;
/**
 * 分组容器，水平或垂直按分组展示
 */
declare const _default: (props: Props) => JSX.Element;
export default _default;