@kiwicom/orbit-components/lib/Inline/types.ts

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

// Type definitions for @kiwicom/orbit-components
// Project: http://github.com/kiwicom/orbit

import type * as React from "react";

import type * as Common from "../common/types";

export type SpacingToken =
  | "none"
  | "50"
  | "100"
  | "150"
  | "200"
  | "300"
  | "400"
  | "500"
  | "600"
  | "800"
  | "1000"
  | "1200"
  | "1600";

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

export interface MediaQuery {
  readonly spacing?: SpacingToken;
  readonly align?: Align;
  readonly justify?: Justify;
}

export interface Props extends Common.Globals, MediaQuery {
  readonly as?: string;
  readonly className?: string;
  readonly mediumMobile?: MediaQuery;
  readonly largeMobile?: MediaQuery;
  readonly tablet?: MediaQuery;
  readonly desktop?: MediaQuery;
  readonly largeDesktop?: MediaQuery;
  readonly children?: React.ReactNode;
}