@kiwicom/orbit-components/es/Layout/consts.js

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

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

var _LAYOUT_SETTINGS;

export var LAYOUT_OPTIONS = {
  SEARCH: "Search",
  BOOKING: "Booking",
  MMB: "MMB"
};
export var LAYOUT_SETTINGS = (_LAYOUT_SETTINGS = {}, _defineProperty(_LAYOUT_SETTINGS, LAYOUT_OPTIONS.SEARCH, {
  columns: "1fr",
  columnGap: "16px",
  maxWidth: "1440px",
  tablet: {
    columns: "minmax(256px, 3fr) 7fr"
  },
  desktop: {
    columnGap: "24px"
  },
  largeDesktop: {
    columns: "256px 1fr 288px"
  },
  layoutColumns: {
    // $FlowIssue
    0: {
      hideOn: ["smallMobile", "mediumMobile", "largeMobile"],
      as: "aside"
    },
    // $FlowIssue
    1: {
      as: "main"
    },
    // $FlowIssue
    2: {
      hideOn: ["smallMobile", "mediumMobile", "largeMobile", "tablet", "desktop"]
    }
  }
}), _defineProperty(_LAYOUT_SETTINGS, LAYOUT_OPTIONS.BOOKING, {
  columns: "1fr",
  columnGap: "16px",
  maxWidth: "1200px",
  tablet: {
    columns: "7fr minmax(272px, 3fr)"
  },
  desktop: {
    columnGap: "24px"
  },
  layoutColumns: {
    // $FlowIssue
    0: {
      as: "main"
    },
    // $FlowIssue
    1: {
      as: "aside"
    }
  }
}), _defineProperty(_LAYOUT_SETTINGS, LAYOUT_OPTIONS.MMB, {
  columns: "1fr",
  columnGap: "16px",
  maxWidth: "960px",
  desktop: {
    columnGap: "24px"
  },
  layoutColumns: {
    // $FlowIssue
    0: {
      as: "main"
    }
  }
}), _LAYOUT_SETTINGS);
export default LAYOUT_SETTINGS;