// @flow
/*
  DOCUMENTATION: https://orbit.kiwi/components/primitives/tooltipPrimitive/
*/
import type { StyledComponent } from "styled-components";
import * as React from "react";

import type { Globals } from "../../common/common.js.flow";

export type Dimensions = {|
  containerTop: number,
  containerLeft: number,
  containerHeight: number,
  containerWidth: number,
  tooltipHeight: number,
  tooltipWidth: number,
  contentHeight: number,
  windowWidth: number,
  windowHeight: number,
  containerTopPure: number,
  containerLeftPure: number,
|};

export type Aligns = "center" | "start" | "end";

export type Align = {|
  align: Aligns,
|};

export type Positions = "right" | "left" | "top" | "bottom";

export type Position = {|
  position: Positions,
|};

export type Sizes = "small" | "medium";

export type Size = {|
  size: Sizes,
|};

export type Props = {|
  ...Globals,
  +children?: React.Node,
  +content: React.Node,
  +size?: Sizes,
  +error?: boolean,
  +help?: boolean,
  +stopPropagation?: boolean,
  +preferredPosition?: Positions,
  +preferredAlign?: Aligns,
  +renderInPortal?: boolean,
  +tooltipShown?: boolean,
  +enabled?: boolean,
  +tabIndex?: string | number,
  +removeUnderlinedText?: boolean,
  +block?: boolean,
|};

declare export var StyledTooltipChildren: StyledComponent<any, any, HTMLElement>;

declare export default React.ComponentType<Props>;