require('./Card.styles_m0p57t.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');
var Card_tokens = require('./Card.tokens.js');
var common = require('../../../../engines/common.js');
var IconButton$1 = require('../../../IconButton/IconButton.js');

var mergedConfig = /*#__PURE__*/common.mergeConfig(IconButton$1.iconButtonConfig);
var IconButton = /*#__PURE__*/common.component(mergedConfig);
var _exp = function _exp() {
  return function (_ref) {
    var orientation = _ref.orientation;
    return orientation === 'horizontal' ? 'row-reverse' : 'column';
  };
};
var _exp5 = function _exp5() {
  return function (_ref2) {
    var orientation = _ref2.orientation;
    return orientation === 'horizontal' ? 720 : 302;
  };
};
var _exp6 = function _exp6() {
  return function (_ref3) {
    var orientation = _ref3.orientation;
    return orientation === 'horizontal' ? "".concat(302, "px") : 'auto';
  };
};
var _exp7 = function _exp7() {
  return function (_ref4) {
    var orientation = _ref4.orientation;
    return orientation === 'horizontal' ? 302 : 720;
  };
};
var _exp8 = function _exp8() {
  return function (_ref5) {
    var orientation = _ref5.orientation;
    return orientation === 'horizontal' ? "var(".concat(Card_tokens.tokens.gap, ")") : '0';
  };
};
var TourCard = /*#__PURE__*/react.styled('div')({
  name: "TourCard",
  "class": "tbc7s1g",
  propsAsIs: false,
  vars: {
    "tbc7s1g-0": [/*#__PURE__*/_exp()],
    "tbc7s1g-1": [/*#__PURE__*/_exp5(), "px"],
    "tbc7s1g-2": [/*#__PURE__*/_exp6()],
    "tbc7s1g-3": [/*#__PURE__*/_exp7(), "px"],
    "tbc7s1g-4": [/*#__PURE__*/_exp8()]
  }
});
var CardBody = /*#__PURE__*/react.styled('div')({
  name: "CardBody",
  "class": "c1cvsi6y",
  propsAsIs: false
});
var _exp9 = function _exp9() {
  return function (_ref6) {
    var orientation = _ref6.orientation;
    return orientation === 'horizontal' ? 'auto' : '100%';
  };
};
var _exp0 = function _exp0() {
  return function (_ref7) {
    var orientation = _ref7.orientation;
    return orientation === 'horizontal' ? '100%' : 'auto';
  };
};
var Img = /*#__PURE__*/react.styled('img')({
  name: "Img",
  "class": "i1o2e5sn",
  propsAsIs: false,
  vars: {
    "i1o2e5sn-0": [/*#__PURE__*/_exp9()],
    "i1o2e5sn-1": [/*#__PURE__*/_exp0()]
  }
});
var _exp12 = function _exp12() {
  return function (_ref8) {
    var onlyText = _ref8.onlyText;
    return onlyText ? "var(".concat(Card_tokens.tokens.textPaddingExtra, ")") : "var(".concat(Card_tokens.tokens.textPadding, ")");
  };
};
var CardText = /*#__PURE__*/react.styled('div')({
  name: "CardText",
  "class": "ckcs0i4",
  propsAsIs: false,
  vars: {
    "ckcs0i4-0": [/*#__PURE__*/_exp12()]
  }
});
var Title = /*#__PURE__*/react.styled('span')({
  name: "Title",
  "class": "t15yp80a",
  propsAsIs: false
});
var Description = /*#__PURE__*/react.styled('span')({
  name: "Description",
  "class": "d1cs9yrc",
  propsAsIs: false
});
var _exp27 = function _exp27() {
  return function (_ref9) {
    var orientation = _ref9.orientation;
    return orientation === 'horizontal' ? 'row' : 'column';
  };
};
var _exp28 = function _exp28() {
  return function (_ref0) {
    var orientation = _ref0.orientation;
    return orientation === 'horizontal' ? 'center' : 'stretch';
  };
};
var _exp29 = function _exp29() {
  return function (_ref1) {
    var orientation = _ref1.orientation;
    return orientation === 'horizontal' ? 'space-between' : 'normal';
  };
};
var Controls = /*#__PURE__*/react.styled('div')({
  name: "Controls",
  "class": "c17sry1y",
  propsAsIs: false,
  vars: {
    "c17sry1y-0": [/*#__PURE__*/_exp27()],
    "c17sry1y-1": [/*#__PURE__*/_exp28()],
    "c17sry1y-2": [/*#__PURE__*/_exp29()]
  }
});
var _exp30 = function _exp30() {
  return function (_ref10) {
    var orientation = _ref10.orientation;
    return orientation === 'horizontal' ? '0 0 0 8px' : "var(".concat(Card_tokens.tokens.dotContainerMargin, ")");
  };
};
var DotsContainer = /*#__PURE__*/react.styled('ul')({
  name: "DotsContainer",
  "class": "d1mvnxmw",
  propsAsIs: false,
  vars: {
    "d1mvnxmw-0": [/*#__PURE__*/_exp30()]
  }
});
var _exp34 = function _exp34() {
  return function (_ref11) {
    var isActive = _ref11.isActive;
    return isActive ? "var(".concat(Card_tokens.tokens.dotActiveBackground, ")") : "var(".concat(Card_tokens.tokens.dotBackground, ")");
  };
};
var _exp35 = function _exp35() {
  return function (_ref12) {
    var isActive = _ref12.isActive;
    return isActive ? "var(".concat(Card_tokens.tokens.dotActiveBackgroundHover, ",var(").concat(Card_tokens.tokens.dotActiveBackground, "))") : "var(".concat(Card_tokens.tokens.dotBackgroundHover, ")");
  };
};
var _exp36 = function _exp36() {
  return function (_ref13) {
    var isActive = _ref13.isActive;
    return isActive ? "var(".concat(Card_tokens.tokens.dotActiveBackgroundActive, ", var(").concat(Card_tokens.tokens.dotActiveBackground, "))") : "var(".concat(Card_tokens.tokens.dotBackgroundActive, ")");
  };
};
var Dot = /*#__PURE__*/react.styled('li')({
  name: "Dot",
  "class": "d1uwxd7k",
  propsAsIs: false,
  vars: {
    "d1uwxd7k-0": [/*#__PURE__*/_exp34()],
    "d1uwxd7k-1": [/*#__PURE__*/_exp35()],
    "d1uwxd7k-2": [/*#__PURE__*/_exp36()]
  }
});
var _exp37 = function _exp37() {
  return function (_ref14) {
    var orientation = _ref14.orientation;
    return orientation === 'horizontal' ? '0' : "var(".concat(Card_tokens.tokens.actionButtonsMargin, ")");
  };
};
var _exp38 = function _exp38() {
  return function (_ref15) {
    var orientation = _ref15.orientation;
    return orientation === 'horizontal' ? '-1' : 'auto';
  };
};
var ActionButtonsContainer = /*#__PURE__*/react.styled('div')({
  name: "ActionButtonsContainer",
  "class": "aof2pbk",
  propsAsIs: false,
  vars: {
    "aof2pbk-0": [/*#__PURE__*/_exp37()],
    "aof2pbk-1": [/*#__PURE__*/_exp38()]
  }
});
var _exp39 = function _exp39() {
  return function (_ref16) {
    var orientation = _ref16.orientation;
    return orientation === 'horizontal' ? '0 0 0 8px' : "var(".concat(Card_tokens.tokens.skipButtonMargin, ")");
  };
};
var SkipButtonContainer = /*#__PURE__*/react.styled('div')({
  name: "SkipButtonContainer",
  "class": "s1d55h5t",
  propsAsIs: false,
  vars: {
    "s1d55h5t-0": [/*#__PURE__*/_exp39()]
  }
});
var _exp40 = function _exp40() {
  return IconButton;
};
var CloseButton = /*#__PURE__*/react.styled(_exp40())({
  name: "CloseButton",
  "class": "cvdlr61",
  propsAsIs: true
});

exports.ActionButtonsContainer = ActionButtonsContainer;
exports.CardBody = CardBody;
exports.CardText = CardText;
exports.CloseButton = CloseButton;
exports.Controls = Controls;
exports.Description = Description;
exports.Dot = Dot;
exports.DotsContainer = DotsContainer;
exports.IconButton = IconButton;
exports.Img = Img;
exports.SkipButtonContainer = SkipButtonContainer;
exports.Title = Title;
exports.TourCard = TourCard;
