import React from 'react';
import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../../layout';
/**
 * A draggable handle indicator for overlay components like Tray.
 * @note Web only supports inside handlebar.
 */
export type HandleBarBaseProps = Omit<BoxBaseProps, 'children' | 'background'> & {
  /**
   * Callback fired when the handlebar is closed via keyboard (Enter/Space) or click.
   * When provided, the handle element becomes a focusable button and drag styling is enabled.
   */
  onClose?: () => void;
};
export type HandleBarProps = Omit<BoxProps<BoxDefaultElement>, 'children' | 'background'> &
  HandleBarBaseProps & {
    /** Custom class names for individual elements of the HandleBar component */
    classNames?: {
      /** Root container element */
      root?: string;
      /** Handle element */
      handle?: string;
    };
    /** Custom styles for individual elements of the HandleBar component */
    styles?: {
      /** Root container element */
      root?: React.CSSProperties;
      /** Handle element */
      handle?: React.CSSProperties;
    };
  };
export declare const HandleBar: React.MemoExoticComponent<
  ({
    testID,
    onClose,
    accessibilityLabel,
    accessibilityHint,
    classNames,
    styles,
    className,
    style,
    ...props
  }: HandleBarProps) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=HandleBar.d.ts.map