"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Title = _interopRequireDefault(require("../../components/Title"));

var _TutorialCard = _interopRequireDefault(require("../TutorialCard"));

var _tutorials = require("../TutorialModal/proptypes/tutorials");

/* istanbul ignore file */
// Core
// Components
// Internals
var classes = {};
/* istanbul ignore next */

if (typeof window !== 'undefined' || typeof _COMPILED_ === 'undefined') classes = {
  "slate": "#384248",
  "blue": "#118CFD",
  "green": "#12CA93",
  "red": "#E95F6A",
  "yellow": "#F7C543",
  "purple": "#8470BE",
  "graphite": "#4F5A66",
  "shale": "#939EAE",
  "chalk": "#c6cbd3",
  "ivory": "#F0F0F0",
  "lightGray": "#F8F8F8",
  "white": "#FFF",
  "TutorialObstacle": "_1KP2--TutorialObstacle",
  "TutorialObstacle-Close": "_3PfUZ-TutorialObstacle-Close",
  "TutorialObstacle-Top": "_3c5v--TutorialObstacle-Top",
  "TutorialObstacle-Title": "lMFqZ-TutorialObstacle-Title",
  "TutorialObstacle-Description": "_1ULaa-TutorialObstacle-Description",
  "TutorialObstacle-Buttons": "IeW3D-TutorialObstacle-Buttons",
  "TutorialObstacle-Img": "_2ICA_-TutorialObstacle-Img",
  "TutorialObstacle-Img-Stars": "_1hEqz-TutorialObstacle-Img-Stars",
  "TutorialObstacle-Img-Stars-Star": "_21w3Y-TutorialObstacle-Img-Stars-Star",
  "fadeIn": "_1ZB3V-fadeIn",
  "TutorialObstacle-Img-Card": "_2F8Hc-TutorialObstacle-Img-Card"
};

var TutorialObstacle = function TutorialObstacle(_ref) {
  var body = _ref.body,
      children = _ref.children,
      className = _ref.className,
      closeTutorialModal = _ref.closeTutorialModal,
      heading = _ref.heading,
      tutorial = _ref.tutorial;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: [classes.TutorialObstacle, className || ''].join(' ')
  }, closeTutorialModal && /*#__PURE__*/_react["default"].createElement("button", {
    className: classes['TutorialObstacle-Close'],
    onClick: closeTutorialModal,
    type: "button"
  }, /*#__PURE__*/_react["default"].createElement("i", {
    className: "icon icon-readme-remove"
  })), /*#__PURE__*/_react["default"].createElement("div", {
    className: classes['TutorialObstacle-Top']
  }, heading && /*#__PURE__*/_react["default"].createElement(_Title["default"], {
    className: classes['TutorialObstacle-Title'],
    level: 1
  }, heading), /*#__PURE__*/_react["default"].createElement("p", {
    className: classes['TutorialObstacle-Description']
  }, body), /*#__PURE__*/_react["default"].createElement("div", {
    className: classes['TutorialObstacle-Buttons']
  }, children)), /*#__PURE__*/_react["default"].createElement("div", {
    className: classes['TutorialObstacle-Img']
  }, /*#__PURE__*/_react["default"].createElement("svg", {
    className: classes['TutorialObstacle-Img-Stars'],
    viewBox: "0 0 575 183",
    xmlns: "http://www.w3.org/2000/svg"
  }, /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "471.5",
    x2: "471.5",
    y1: "118.5",
    y2: "122.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "473.5",
    x2: "469.5",
    y1: "120.5",
    y2: "120.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#f0f0f0",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "572.5",
    x2: "572.5",
    y1: "54.5",
    y2: "58.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#f0f0f0",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "574.5",
    x2: "570.5",
    y1: "56.5",
    y2: "56.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#4F5a66",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "490.5",
    x2: "490.5",
    y1: "42.5",
    y2: "46.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#4F5a66",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "492.5",
    x2: "488.5",
    y1: "44.5",
    y2: "44.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "498.5",
    x2: "498.5",
    y1: "95.5",
    y2: "99.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "500.5",
    x2: "496.5",
    y1: "97.5",
    y2: "97.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "468.5",
    x2: "468.5",
    y1: "175.5",
    y2: "179.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "470.5",
    x2: "466.5",
    y1: "177.5",
    y2: "177.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "69.5",
    x2: "69.5",
    y1: "126.5",
    y2: "130.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "71.5",
    x2: "67.5",
    y1: "128.5",
    y2: "128.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "55.5",
    x2: "55.5",
    y1: "78.5",
    y2: "82.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "57.5",
    x2: "53.5",
    y1: "80.5",
    y2: "80.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#4F5a66",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "28.5",
    x2: "28.5",
    y1: "158.5",
    y2: "162.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#4F5a66",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "30.5",
    x2: "26.5",
    y1: "160.5",
    y2: "160.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "71.5",
    x2: "71.5",
    y1: "175.5",
    y2: "179.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "73.5",
    x2: "69.5",
    y1: "177.5",
    y2: "177.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#4F5a66",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "44.5",
    x2: "44.5",
    y1: "33.5",
    y2: "37.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#4F5a66",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "46.5",
    x2: "42.5",
    y1: "35.5",
    y2: "35.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "98.5",
    x2: "98.5",
    y1: "75.5",
    y2: "79.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "100.5",
    x2: "96.5",
    y1: "77.5",
    y2: "77.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "96.5",
    x2: "96.5",
    y1: "2.5",
    y2: "6.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "98.5",
    x2: "94.5",
    y1: "4.5",
    y2: "4.5"
  })), /*#__PURE__*/_react["default"].createElement("g", {
    className: classes['TutorialObstacle-Img-Stars-Star']
  }, /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "542.5",
    x2: "542.5",
    y1: "133.5",
    y2: "137.5"
  }), /*#__PURE__*/_react["default"].createElement("line", {
    stroke: "#939eae",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    x1: "544.5",
    x2: "540.5",
    y1: "135.5",
    y2: "135.5"
  })), /*#__PURE__*/_react["default"].createElement("circle", {
    className: classes['TutorialObstacle-Img-Stars-Star'],
    cx: "500.5",
    cy: "161.5",
    fill: "none",
    r: "2",
    stroke: "#4F5a66"
  }), /*#__PURE__*/_react["default"].createElement("circle", {
    className: classes['TutorialObstacle-Img-Stars-Star'],
    cx: "555.5",
    cy: "99.5",
    fill: "none",
    r: "2",
    stroke: "#4F5a66"
  }), /*#__PURE__*/_react["default"].createElement("circle", {
    className: classes['TutorialObstacle-Img-Stars-Star'],
    cx: "532.5",
    cy: "70.5",
    fill: "none",
    r: "2",
    stroke: "#939eae"
  }), /*#__PURE__*/_react["default"].createElement("circle", {
    className: classes['TutorialObstacle-Img-Stars-Star'],
    cx: "569.5",
    cy: "180.5",
    fill: "none",
    r: "2",
    stroke: "#939eae"
  }), /*#__PURE__*/_react["default"].createElement("circle", {
    className: classes['TutorialObstacle-Img-Stars-Star'],
    cx: "103.5",
    cy: "164.5",
    fill: "none",
    r: "2",
    stroke: "#939eae"
  }), /*#__PURE__*/_react["default"].createElement("circle", {
    className: classes['TutorialObstacle-Img-Stars-Star'],
    cx: "23.5",
    cy: "106.5",
    fill: "none",
    r: "2",
    stroke: "#f0f0f0"
  }), /*#__PURE__*/_react["default"].createElement("circle", {
    className: classes['TutorialObstacle-Img-Stars-Star'],
    cx: "0.5",
    cy: "67.5",
    fill: "none",
    r: "2",
    stroke: "#939eae"
  }), /*#__PURE__*/_react["default"].createElement("circle", {
    className: classes['TutorialObstacle-Img-Stars-Star'],
    cx: "474.5",
    cy: "2.5",
    fill: "none",
    r: "2",
    stroke: "#f0f0f0"
  })), /*#__PURE__*/_react["default"].createElement(_TutorialCard["default"], {
    className: classes['TutorialObstacle-Img-Card'],
    tutorial: tutorial
  })));
};

TutorialObstacle.propTypes = {
  body: _propTypes["default"].string,
  children: _propTypes["default"].any,
  className: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
  closeTutorialModal: _propTypes["default"].func,
  heading: _propTypes["default"].string,
  tutorial: _tutorials.TutorialProp.isRequired
};
TutorialObstacle.defaultProps = {
  tutorial: {
    backgroundColor: '#edb33e',
    description: 'Use our Quotes API and Fare API to get estimated fares in advance.',
    hero: false,
    emoji: '🦉',
    published: true,
    stepCount: 3,
    title: 'Request a Quote in Advance'
  }
};
var _default = TutorialObstacle;
exports["default"] = _default;