@kiwicom/orbit-components/lib/Stack/index.js.flow

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

// @flow
/*
  DOCUMENTATION: https://orbit.kiwi/components/stack/
*/
import type { spaceAfter } from "../common/getSpacingToken/index";
import type { Globals } from "../common/common.js.flow";

export type Direction = "row" | "column" | "row-reverse" | "column-reverse";

export type Align = "start" | "end" | "center" | "stretch";

export type Justify = "start" | "end" | "center" | "between" | "around";

export type Spacing =
  | "none"
  | "extraTight"
  | "tight"
  | "condensed"
  | "compact"
  | "natural"
  | "comfy"
  | "loose"
  | "extraLoose";

export type MediaQuery = {|
  ...spaceAfter,
  +inline?: boolean,
  +direction?: Direction,
  +wrap?: boolean,
  +grow?: boolean,
  +shrink?: boolean,
  +basis?: string,
  +align?: Align,
  +justify?: Justify,
  +spacing?: Spacing,
|};

export type SmallMobile = {|
  +smallMobile: MediaQuery,
|};

export type Props = {|
  ...Globals,
  ...spaceAfter,
  +inline?: boolean,
  +direction?: Direction,
  +flex?: boolean,
  +wrap?: boolean,
  +grow?: boolean,
  +shrink?: boolean,
  +basis?: string,
  +align?: Align,
  +justify?: Justify,
  +spacing?: Spacing,
  +mediumMobile?: MediaQuery,
  +largeMobile?: MediaQuery,
  +tablet?: MediaQuery,
  +desktop?: MediaQuery,
  +largeDesktop?: MediaQuery,
  +element?: string,
  +children: React$Node,
|};

declare export default React$ComponentType<Props>;