import React from 'react';
import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
import {
  type HStackBaseProps,
  type HStackDefaultElement,
  type HStackProps,
} from '../../layout/HStack';
export type ModalHeaderBaseProps = Omit<HStackBaseProps, 'children'> & {
  /** Handles back button press */
  onBackButtonClick?: React.MouseEventHandler;
  /** Title of the Modal */
  title?: string;
  /**
   * Sets an accessible label for the back button.
   * On web, maps to `aria-label` and defines a string value that labels an interactive element.
   * On mobile, VoiceOver will read this string when a user selects the associated element.
   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
   * @link https://reactnative.dev/docs/accessibility#accessibilitylabel
   */
  backAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
  /**
   * Sets an accessible hint or description for the back button.
   * On web, maps to `aria-describedby` and lists the id(s) of the element(s) that describe the element on which the attribute is set.
   * On mobile, a string that helps users understand what will happen when they perform an action on the accessibility element
   * when that result is not clear from the accessibility label.
   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby
   * @link https://reactnative.dev/docs/accessibility#accessibilityhint
   */
  backAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
  /**
   * Sets an accessible label for the close button.
   * On web, maps to `aria-label` and defines a string value that labels an interactive element.
   * On mobile, VoiceOver will read this string when a user selects the associated element.
   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
   * @link https://reactnative.dev/docs/accessibility#accessibilitylabel
   */
  closeAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
  /**
   * Sets an accessible hint or description for the close button.
   * On web, maps to `aria-describedby` and lists the id(s) of the element(s) that describe the element on which the attribute is set.
   * On mobile, a string that helps users understand what will happen when they perform an action on the accessibility element
   * when that result is not clear from the accessibility label.
   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby
   * @link https://reactnative.dev/docs/accessibility#accessibilityhint
   */
  closeAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
};
export type ModalHeaderProps = ModalHeaderBaseProps &
  Omit<HStackProps<HStackDefaultElement>, 'children'>;
export declare const ModalHeader: (
  _props: ModalHeaderProps,
) => import('react/jsx-runtime').JSX.Element | null;
//# sourceMappingURL=ModalHeader.d.ts.map