{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/gui/Arrow.js\";\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\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\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\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\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\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\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 const Arrow = ({\n  className,\n  style,\n  size,\n  color,\n  direction\n}) => {\n  let 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  let 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\n    })\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 25,\n    columnNumber: 11\n  }, this);\n};\nexport const ArrowWithLine = ({\n  className,\n  style,\n  color,\n  direction\n}) => {\n  let Comp = ArrowRightSVG;\n  let 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\n    })\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 36,\n    columnNumber: 11\n  }, this);\n};\nexport const ArrowDownButton = ({\n  href,\n  onClick,\n  className,\n  htmlText,\n  text,\n  color\n}) => {\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};","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"}