import { default as React } from 'react';
export type ResizeDirection = 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
export interface ResizableProps {
    /** Children content */
    children: React.ReactNode;
    /** Initial width */
    defaultWidth?: number;
    /** Initial height */
    defaultHeight?: number;
    /** Minimum width */
    minWidth?: number;
    /** Minimum height */
    minHeight?: number;
    /** Maximum width */
    maxWidth?: number;
    /** Maximum height */
    maxHeight?: number;
    /** Enabled resize directions */
    directions?: ResizeDirection[];
    /** Resize callback */
    onResize?: (width: number, height: number) => void;
    /** Resize end callback */
    onResizeEnd?: (width: number, height: number) => void;
    /** Show resize handles */
    showHandles?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * Resizable Component
 *
 * Resizable container with draggable handles.
 * Supports all 8 resize directions with constraints.
 *
 * @example
 * ```tsx
 * <Resizable
 *   defaultWidth={400}
 *   defaultHeight={300}
 *   minWidth={200}
 *   minHeight={150}
 *   directions={['right', 'bottom', 'bottom-right']}
 *   onResize={(w, h) => console.log(w, h)}
 * >
 *   <div>Resizable content</div>
 * </Resizable>
 * ```
 *
 * @example
 * ```tsx
 * <Resizable
 *   defaultWidth={600}
 *   defaultHeight={400}
 *   maxWidth={800}
 *   maxHeight={600}
 * >
 *   <Panel />
 * </Resizable>
 * ```
 */
export declare const Resizable: React.FC<ResizableProps>;
//# sourceMappingURL=resizable.d.ts.map