import React from 'react';
import { FlintResizableGroup as FlintResizableGroupElement } from '@getufy/flint-ui/resizable/flint-resizable';
/**
 * Resizable Group: a container that enables resizable panels with draggable handles.
 */
export interface FlintResizableGroupProps extends Omit<React.HTMLAttributes<FlintResizableGroupElement>, 'dir'> {
    /**
     * Layout direction — 'horizontal' (row) or 'vertical' (column).
     * Allowed values: 'horizontal' | 'vertical'
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * Text direction for RTL support.
     * Allowed values: 'ltr' | 'rtl'
     */
    dir?: 'ltr' | 'rtl';
    /**
     * Fired when a panel is collapsed.
     * DOM event: `flint-resizable-collapse`
     */
    onFlintResizableCollapse?: (event: CustomEvent) => void;
    /**
     * Fired when a collapsed panel is expanded.
     * DOM event: `flint-resizable-expand`
     */
    onFlintResizableExpand?: (event: CustomEvent) => void;
    /**
     * Fired when panel sizes change via drag or keyboard.
     * DOM event: `flint-resizable-change`
     */
    onFlintResizableChange?: (event: CustomEvent) => void;
}
export declare const FlintResizableGroup: React.ForwardRefExoticComponent<FlintResizableGroupProps & React.RefAttributes<FlintResizableGroupElement>>;