{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/gui/Arrow.js\",\n    _this = this;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React from \"react\";\nimport cn from 'classnames';\nimport CustomLink from 'components/customLink/CustomLink';\nimport Button from 'components/gui/Button';\nimport HTMLReactParser from 'html-react-parser';\nimport AnchorLink from 'react-anchor-link-smooth-scroll';\n\nvar ArrowLargeDownSVG = function ArrowLargeDownSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M1 1l30 31L61 1\",\n      stroke: \"#000\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\n_c4 = ArrowLargeDownSVG;\nArrowLargeDownSVG.defaultProps = {\n  width: \"62\",\n  height: \"33\",\n  viewBox: \"0 0 62 33\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar ArrowMediumDownSVG = function ArrowMediumDownSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M1 1l10 10L21 1\",\n      stroke: \"#000\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\n_c5 = ArrowMediumDownSVG;\nArrowMediumDownSVG.defaultProps = {\n  width: \"22\",\n  height: \"12\",\n  viewBox: \"0 0 22 12\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar ArrowRightSVG = function ArrowRightSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M7.517.275h-2.48l1.984 2.624 1.6 2H.157v2.16H8.59L7.021 9.027l-1.984 2.64h2.48l4.304-5.696L7.517.275z\",\n      fill: \"#000\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\n_c6 = ArrowRightSVG;\nArrowRightSVG.defaultProps = {\n  width: \"12\",\n  height: \"12\",\n  viewBox: \"0 0 12 12\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar ArrowSmallDownSVG = function ArrowSmallDownSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M1 1l5 5 5-5\",\n      stroke: \"#000\",\n      strokeWidth: \"2\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\n_c7 = ArrowSmallDownSVG;\nArrowSmallDownSVG.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\nimport styles from './Arrow.module.scss';\nexport var Arrow = function Arrow(_ref) {\n  var className = _ref.className,\n      style = _ref.style,\n      size = _ref.size,\n      color = _ref.color,\n      direction = _ref.direction;\n  var Comp = ArrowLargeDownSVG;\n\n  switch (size) {\n    case 'medium':\n      Comp = ArrowMediumDownSVG;\n      break;\n\n    case 'small':\n      Comp = ArrowSmallDownSVG;\n      break;\n  }\n\n  var transform = '';\n\n  switch (direction) {\n    case 'right':\n      transform = 'rotate(-90deg)';\n      break;\n\n    case 'up':\n      transform = 'rotate(180deg)';\n      break;\n\n    case 'left':\n      transform = 'rotate(90deg)';\n      break;\n  }\n\n  return /*#__PURE__*/_jsxDEV(Comp, {\n    className: cn(color && styles['stroke-' + color], className),\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      transform: transform\n    })\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 25,\n    columnNumber: 11\n  }, _this);\n};\n_c = Arrow;\nexport var ArrowWithLine = function ArrowWithLine(_ref2) {\n  var className = _ref2.className,\n      style = _ref2.style,\n      color = _ref2.color,\n      direction = _ref2.direction;\n  var Comp = ArrowRightSVG;\n  var transform = '';\n\n  switch (direction) {\n    case 'down':\n      transform = 'rotate(90deg)';\n      break;\n\n    case 'up':\n      transform = 'rotate(-90deg)';\n      break;\n\n    case 'left':\n      transform = 'rotate(180deg)';\n      break;\n  }\n\n  return /*#__PURE__*/_jsxDEV(Comp, {\n    className: cn(color && styles['fill-' + color], className),\n    style: _objectSpread(_objectSpread({}, style), {}, {\n      transform: transform\n    })\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 36,\n    columnNumber: 11\n  }, _this);\n};\n_c2 = ArrowWithLine;\nexport var ArrowDownButton = function ArrowDownButton(_ref3) {\n  var href = _ref3.href,\n      onClick = _ref3.onClick,\n      className = _ref3.className,\n      htmlText = _ref3.htmlText,\n      text = _ref3.text,\n      color = _ref3.color;\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(styles.arrowDownButtonCont, className),\n    children: [href && /*#__PURE__*/_jsxDEV(CustomLink, {\n      className: cn(styles.arrowDownButton, color && styles['arrowDownButton-' + color]),\n      href: href,\n      children: [text && /*#__PURE__*/_jsxDEV(\"span\", {\n        children: text\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 22\n      }, _this), htmlText && /*#__PURE__*/_jsxDEV(\"span\", {\n        children: HTMLReactParser(htmlText)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 48,\n        columnNumber: 26\n      }, _this), /*#__PURE__*/_jsxDEV(Arrow, {\n        direction: \"down\",\n        size: \"medium\",\n        color: color\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 13\n      }, _this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 10\n    }, _this), onClick && /*#__PURE__*/_jsxDEV(Button, {\n      className: cn(styles.arrowDownButton, color && styles['arrowDownButton-' + color]),\n      onClick: onClick,\n      children: [text && /*#__PURE__*/_jsxDEV(\"span\", {\n        children: text\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 56,\n        columnNumber: 22\n      }, _this), htmlText && /*#__PURE__*/_jsxDEV(\"span\", {\n        children: HTMLReactParser(htmlText)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 26\n      }, _this), /*#__PURE__*/_jsxDEV(Arrow, {\n        direction: \"down\",\n        size: \"medium\",\n        color: color\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 13\n      }, _this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 10\n    }, _this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 40,\n    columnNumber: 11\n  }, _this);\n};\n_c3 = ArrowDownButton;\n\nvar _c, _c2, _c3, _c4, _c5, _c6, _c7;\n\n$RefreshReg$(_c, \"Arrow\");\n$RefreshReg$(_c2, \"ArrowWithLine\");\n$RefreshReg$(_c3, \"ArrowDownButton\");\n$RefreshReg$(_c4, \"ArrowLargeDownSVG\");\n$RefreshReg$(_c5, \"ArrowMediumDownSVG\");\n$RefreshReg$(_c6, \"ArrowRightSVG\");\n$RefreshReg$(_c7, \"ArrowSmallDownSVG\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/gui/Arrow.js"],"names":["cn","CustomLink","Button","HTMLReactParser","AnchorLink","ArrowLargeDownSVG","ArrowMediumDownSVG","ArrowRightSVG","ArrowSmallDownSVG","styles","Arrow","className","style","size","color","direction","Comp","transform","ArrowWithLine","ArrowDownButton","href","onClick","htmlText","text","arrowDownButtonCont","arrowDownButton"],"mappings":"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","sourcesContent":["import cn from 'classnames'\nimport CustomLink from 'components/customLink/CustomLink'\nimport Button from 'components/gui/Button'\nimport HTMLReactParser from 'html-react-parser'\nimport AnchorLink from 'react-anchor-link-smooth-scroll'\nimport ArrowLargeDownSVG from '../../svgs/arrowLargeDown.svg'\nimport ArrowMediumDownSVG from '../../svgs/arrowMediumDown.svg'\nimport ArrowRightSVG from '../../svgs/arrowRight.svg'\nimport ArrowSmallDownSVG from '../../svgs/arrowSmallDown.svg'\nimport styles from './Arrow.module.scss'\n\n\nexport const Arrow = ({ className, style, size, color, direction, }) => {\n   let Comp = ArrowLargeDownSVG\n   switch(size) {\n      case 'medium' : Comp = ArrowMediumDownSVG; break;\n      case 'small' : Comp = ArrowSmallDownSVG; break;\n   }\n   let transform = ''\n   switch(direction) {\n      case 'right' : transform = 'rotate(-90deg)'; break;\n      case 'up' : transform = 'rotate(180deg)'; break;\n      case 'left' : transform = 'rotate(90deg)'; break;\n   }\n   return <Comp className={cn(color && styles['stroke-' + color], className)} style={{ ...style, transform, }} />\n}\n\nexport const ArrowWithLine = ({ className, style, color, direction, }) => {\n   let Comp = ArrowRightSVG\n   let transform = ''\n   switch(direction) {\n      case 'down' : transform = 'rotate(90deg)'; break;\n      case 'up' : transform = 'rotate(-90deg)'; break;\n      case 'left' : transform = 'rotate(180deg)'; break;\n   }\n   return <Comp className={cn(color && styles['fill-' + color], className)} style={{ ...style, transform, }} />\n}\n\nexport const ArrowDownButton = ({ href, onClick, className, htmlText, text, color, }) => {\n   return <div className={cn(styles.arrowDownButtonCont,\n         \n         className)}>\n      {href &&\n         <CustomLink\n               className={cn(styles.arrowDownButton, color && styles['arrowDownButton-' + color], )}\n               href={href}>\n            {text && <span>{text}</span>}\n            {htmlText && <span>{HTMLReactParser(htmlText)}</span>}\n            <Arrow direction='down' size='medium' color={color} />\n         </CustomLink>\n      }\n      {onClick &&\n         <Button\n               className={cn(styles.arrowDownButton, color && styles['arrowDownButton-' + color], )}\n               onClick={onClick}>\n            {text && <span>{text}</span>}\n            {htmlText && <span>{HTMLReactParser(htmlText)}</span>}\n            <Arrow direction='down' size='medium' color={color} />\n         </Button>\n      }\n   </div>\n}"]},"metadata":{},"sourceType":"module"}