/** @jsx jsx */
import { jsx } from '@emotion/react';
import type { Edge } from '@atlaskit/drag-and-drop-hitbox/types';
export declare type DropIndicatorProps = {
    /**
     * The `edge` to draw a drop indicator on.
     *
     * `edge` is required as for the best possible performance
     * outcome you should only render this component when it needs to do something
     *
     * @example {closestEdge && <DropIndicator edge={closestEdge} />}
     */
    edge: Edge;
    /**
     * `gap` allows you to position the drop indicator further away from the drop target.
     * `gap` should be the distance between your drop targets
     * a drop indicator will be rendered halfway between the drop targets
     * (the drop indicator will be offset by half of the `gap`)
     *
     * `gap` should be a valid CSS length.
     * @example "8px"
     * @example "var(--gap)"
     */
    gap?: string;
};
/**
 * __Drop indicator__
 *
 * A drop indicator is used to communicate the intended resting place of the draggable item. The orientation of the drop indicator should always match the direction of the content flow.
 */
export declare function DropIndicator({ edge, gap }: DropIndicatorProps): jsx.JSX.Element;
export default DropIndicator;