
import { Styles } from "../../../tasty/styles/types.js";
import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
import "../../../tasty/index.js";
import { ScrollbarType } from "./LayoutContent.js";
import * as react from "react";
import { ForwardedRef, HTMLAttributes, ReactNode } from "react";

//#region src/components/content/Layout/LayoutPane.d.ts
type ResizeEdge = 'right' | 'bottom';
interface CubeLayoutPaneProps extends BaseProps, ContainerStyleProps {
  /** Edge where resize handler appears */
  resizeEdge?: ResizeEdge;
  /** Enable resize functionality */
  isResizable?: boolean;
  /** Controlled size (width for right edge, height for bottom edge) */
  size?: number | string;
  /** Default size for uncontrolled state */
  defaultSize?: number | string;
  /** Minimum size constraint */
  minSize?: number | string;
  /** Maximum size constraint */
  maxSize?: number | string;
  /** Size change callback */
  onSizeChange?: (size: number) => void;
  /** Scrollbar style */
  scrollbar?: ScrollbarType;
  /** Custom styles */
  styles?: Styles;
  children?: ReactNode;
  /** Ref for the inner content element */
  innerRef?: ForwardedRef<HTMLDivElement>;
  /** Props to spread on the Inner sub-element */
  innerProps?: HTMLAttributes<HTMLDivElement>;
}
declare const _LayoutPane: react.ForwardRefExoticComponent<CubeLayoutPaneProps & react.RefAttributes<HTMLDivElement>>;
//#endregion
export { CubeLayoutPaneProps, ResizeEdge, _LayoutPane };
//# sourceMappingURL=LayoutPane.d.ts.map