import React, { CSSProperties, PureComponent, ReactElement } from 'react';
import { DroppableProps } from 'react-beautiful-dnd';
import { CommonProps, Omit } from '../common';
declare const spacingToClassNameMap: {
    none: any;
    s: string;
    m: string;
    l: string;
};
export declare const SPACING: ("none" | "s" | "m" | "l")[];
export declare type SoftDroppableSpacing = keyof typeof spacingToClassNameMap;
export interface SoftDroppableProps extends CommonProps, Omit<DroppableProps, 'children'> {
    children: ReactElement | DroppableProps['children'];
    className?: string;
    /**
     * Makes its items immutable. Dragging creates cloned items that can be dropped elsewhere.
     */
    cloneDraggables?: boolean;
    style?: CSSProperties;
    /**
     * Adds padding to the droppable area
     */
    spacing?: SoftDroppableSpacing;
    /**
     * Adds an SoftPanel style to the droppable area
     */
    withPanel?: boolean;
    /**
     * Allow the panel to flex-grow?
     */
    grow?: boolean;
}
export declare const SoftDroppableContext: React.Context<{
    cloneItems: boolean;
}>;
export declare class SoftDroppable extends PureComponent<{
    droppableId?: any;
    direction?: any;
    isDropDisabled?: boolean;
    children?: any;
    className?: any;
    cloneDraggables?: boolean;
    spacing?: string;
    style?: any;
    type?: string;
    withPanel?: boolean;
    grow?: boolean;
}> {
    static defaultProps: {
        isDropDisabled: boolean;
        cloneDraggables: boolean;
        spacing: string;
        type: string;
        withPanel: boolean;
        grow: boolean;
    };
    render(): JSX.Element;
}
export {};
