/**
 * Display names for the Popover components
 */
export const DISPLAY_NAME = {
  ROOT: 'HeroUINative.Popover.Root',
  TRIGGER: 'HeroUINative.Popover.Trigger',
  PORTAL: 'HeroUINative.Popover.Portal',
  OVERLAY: 'HeroUINative.Popover.Overlay',
  CONTENT: 'HeroUINative.Popover.Content',
  CLOSE: 'HeroUINative.Popover.Close',
  TITLE: 'HeroUINative.Popover.Title',
  DESCRIPTION: 'HeroUINative.Popover.Description',
  ARROW: 'HeroUINative.Popover.Arrow',
};

/**
 * Default offset from trigger element
 */
export const DEFAULT_OFFSET = 8;

/**
 * Default alignment offset
 */
export const DEFAULT_ALIGN_OFFSET = 0;

/**
 * Default screen edge insets
 */
export const DEFAULT_INSETS = {
  top: 12,
  bottom: 12,
  left: 12,
  right: 12,
};