import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
import { ResizableHandleElement, ResizableHandleProps as ResizableHandleProps$1, ResizableRootElement, ResizableRootEvents, ResizableRootProps as ResizableRootProps$1 } from "@prosekit/web/resizable";
/** Props for the {@link ResizableRoot} React component. */
interface ResizableRootProps {
  /**
   * The width of the resizable element.
   *
   * @default null
   */
  width?: ResizableRootProps$1['width'];
  /**
   * The height of the resizable element.
   *
   * @default null
   */
  height?: ResizableRootProps$1['height'];
  /**
   * The aspect ratio of the resizable element.
   *
   * @default null
   */
  aspectRatio?: ResizableRootProps$1['aspectRatio'];
  /** Emitted when a resize operation starts. */
  onResizeStart?: (event: ResizableRootEvents['resizeStart']) => void;
  /** Emitted when a resize operation ends. */
  onResizeEnd?: (event: ResizableRootEvents['resizeEnd']) => void;
}
/** A React component that renders an `prosekit-resizable-root` custom element. */
export declare const ResizableRoot: ForwardRefExoticComponent<ResizableRootProps & HTMLAttributes<ResizableRootElement> & RefAttributes<ResizableRootElement>>;
/** Props for the {@link ResizableHandle} React component. */
interface ResizableHandleProps {
  /**
   * The position of the handle.
   *
   * @default "bottom-right"
   */
  position?: ResizableHandleProps$1['position'];
}
/** A React component that renders an `prosekit-resizable-handle` custom element. */
export declare const ResizableHandle: ForwardRefExoticComponent<ResizableHandleProps & HTMLAttributes<ResizableHandleElement> & RefAttributes<ResizableHandleElement>>;
export type { ResizableHandleProps, ResizableRootProps };
//# sourceMappingURL=resizable.d.ts.map