{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/gui/BoxButton.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 { forwardRef } from 'react';\n\nvar PlusSVG = function PlusSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M9.54 4.397H6.18V.973H4.1v3.424H.74v1.92H4.1v3.44h2.08v-3.44h3.36v-1.92z\",\n      fill: \"#EEE9E2\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\n_c3 = PlusSVG;\nPlusSVG.defaultProps = {\n  width: \"10\",\n  height: \"10\",\n  viewBox: \"0 0 10 10\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar ShareSVG = function ShareSVG(props) {\n  return /*#__PURE__*/_jsxDEV(\"svg\", _objectSpread(_objectSpread({}, props), {}, {\n    children: /*#__PURE__*/_jsxDEV(\"path\", {\n      d: \"M9.917 3.746v3.283h5.504c1.01 0 1.829.82 1.829 1.828v11.01c0 1.01-.818 1.828-1.829 1.828H2.58A1.83 1.83 0 0 1 .75 19.867V8.857c0-1.01.818-1.828 1.829-1.828h5.504V3.743L7.048 4.778a.91.91 0 0 1-1.29-.006.917.917 0 0 1-.006-1.29L8.356.877a.902.902 0 0 1 .64-.265l.006.003c.233 0 .465.088.639.262l2.604 2.605a.91.91 0 0 1-.006 1.29.917.917 0 0 1-1.29.006L9.917 3.746zM8.083 8.862h-5.5v11h12.834v-11h-5.5v3.668a.916.916 0 1 1-1.833 0V8.862zM5.333 7.03v1.833h7.334V7.03H5.333zm2.75 0h1.834v1.833H8.083V7.03z\",\n      fill: \"#000\"\n    }, void 0, false, void 0, this)\n  }), void 0, false, void 0, this);\n};\n\n_c4 = ShareSVG;\nShareSVG.defaultProps = {\n  width: \"18\",\n  height: \"22\",\n  viewBox: \"0 0 18 22\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\nimport { Arrow, ArrowWithLine } from './Arrow';\nimport styles from './BoxButton.module.scss';\nimport Button from './Button';\n\nvar BoxButton = function BoxButton(props, ref) {\n  var grey = props.grey,\n      white = props.white,\n      className = props.className,\n      label = props.label,\n      fullWidth = props.fullWidth,\n      icon = props.icon,\n      children = props.children,\n      rest = _objectWithoutProperties(props, [\"grey\", \"white\", \"className\", \"label\", \"fullWidth\", \"icon\", \"children\"]);\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(className, styles.boxButtonContainer),\n    children: /*#__PURE__*/_jsxDEV(Button, _objectSpread(_objectSpread({\n      ref: ref,\n      className: cn(styles.boxButton, fullWidth && styles.fullWidth, grey && styles.grey, white && styles.white, white && (icon == 'share' ? styles['fill-white'] : styles['stroke-white']))\n    }, rest), {}, {\n      children: [/*#__PURE__*/_jsxDEV(\"span\", {\n        className: 'bold',\n        children: label\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 6\n      }, _this), icon == 'share' ? /*#__PURE__*/_jsxDEV(ShareSVG, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 21,\n        columnNumber: 25\n      }, _this) : icon == 'plus' ? /*#__PURE__*/_jsxDEV(PlusSVG, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 25\n      }, _this) : icon == 'down' ? /*#__PURE__*/_jsxDEV(Arrow, {\n        size: \"small\",\n        direction: \"down\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 25\n      }, _this) : icon == 'right' ? /*#__PURE__*/_jsxDEV(Arrow, {\n        size: \"small\",\n        direction: \"right\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 24,\n        columnNumber: 26\n      }, _this) : null, children]\n    }), void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 4\n    }, _this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 14,\n    columnNumber: 3\n  }, _this);\n};\n\n_c = BoxButton;\nexport default _c2 = /*#__PURE__*/forwardRef(BoxButton);\n\nvar _c, _c2, _c3, _c4;\n\n$RefreshReg$(_c, \"BoxButton\");\n$RefreshReg$(_c2, \"%default%\");\n$RefreshReg$(_c3, \"PlusSVG\");\n$RefreshReg$(_c4, \"ShareSVG\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/gui/BoxButton.js"],"names":["cn","forwardRef","PlusSVG","ShareSVG","Arrow","ArrowWithLine","styles","Button","BoxButton","props","ref","grey","white","className","label","fullWidth","icon","children","rest","boxButtonContainer","boxButton"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,EAAP,MAAe,YAAf;AACA,SAASC,UAAT,QAA2B,OAA3B;;IACOC,O,YAAAA,O;;;;;;;;;MAAAA,O;AAAAA,O;;;;;;;;IACAC,Q,YAAAA,Q;;;;;;;;;MAAAA,Q;AAAAA,Q;;;;;;;AACP,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,SAArC;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAGA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACzBC,IADyB,GAC6CF,KAD7C,CACzBE,IADyB;AAAA,MACnBC,KADmB,GAC6CH,KAD7C,CACnBG,KADmB;AAAA,MACZC,SADY,GAC6CJ,KAD7C,CACZI,SADY;AAAA,MACDC,KADC,GAC6CL,KAD7C,CACDK,KADC;AAAA,MACMC,SADN,GAC6CN,KAD7C,CACMM,SADN;AAAA,MACiBC,IADjB,GAC6CP,KAD7C,CACiBO,IADjB;AAAA,MACuBC,QADvB,GAC6CR,KAD7C,CACuBQ,QADvB;AAAA,MACoCC,IADpC,4BAC6CT,KAD7C;;AAGjC,sBACC;AAAK,IAAA,SAAS,EAAET,EAAE,CAACa,SAAD,EAAYP,MAAM,CAACa,kBAAnB,CAAlB;AAAA,2BACC,QAAC,MAAD;AAAQ,MAAA,GAAG,EAAET,GAAb;AAAkB,MAAA,SAAS,EAAEV,EAAE,CAACM,MAAM,CAACc,SAAR,EAAmBL,SAAS,IAAIT,MAAM,CAACS,SAAvC,EAC9BJ,IAAI,IAAIL,MAAM,CAACK,IADe,EAE9BC,KAAK,IAAIN,MAAM,CAACM,KAFc,EAG9BA,KAAK,KAAKI,IAAI,IAAI,OAAR,GAAkBV,MAAM,CAAC,YAAD,CAAxB,GAAyCA,MAAM,CAAC,cAAD,CAApD,CAHyB;AAA/B,OAIQY,IAJR;AAAA,8BAKE;AAAM,QAAA,SAAS,EAAE,MAAjB;AAAA,kBAA0BJ;AAA1B;AAAA;AAAA;AAAA;AAAA,eALF,EAMGE,IAAI,IAAI,OAAR,gBAAkB,QAAC,QAAD;AAAA;AAAA;AAAA;AAAA,eAAlB,GACCA,IAAI,IAAI,MAAR,gBAAiB,QAAC,OAAD;AAAA;AAAA;AAAA;AAAA,eAAjB,GACAA,IAAI,IAAI,MAAR,gBAAiB,QAAC,KAAD;AAAO,QAAA,IAAI,EAAC,OAAZ;AAAoB,QAAA,SAAS,EAAC;AAA9B;AAAA;AAAA;AAAA;AAAA,eAAjB,GACAA,IAAI,IAAI,OAAR,gBAAkB,QAAC,KAAD;AAAO,QAAA,IAAI,EAAC,OAAZ;AAAoB,QAAA,SAAS,EAAC;AAA9B;AAAA;AAAA;AAAA;AAAA,eAAlB,GACD,IAVH,EAWGC,QAXH;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,WADD;AAiBA,CApBD;;KAAMT,S;AAsBN,kCAAeP,UAAU,CAACO,SAAD,CAAzB","sourcesContent":["import cn from 'classnames'\nimport { forwardRef } from 'react'\nimport PlusSVG from '../../svgs/plus.svg'\nimport ShareSVG from '../../svgs/share.svg'\nimport { Arrow, ArrowWithLine } from './Arrow'\nimport styles from './BoxButton.module.scss'\nimport Button from './Button'\n\n\nconst BoxButton = (props, ref) => {\n\tconst { grey, white, className, label, fullWidth, icon, children, ...rest } = props\n\n\treturn (\n\t\t<div className={cn(className, styles.boxButtonContainer)}>\n\t\t\t<Button ref={ref} className={cn(styles.boxButton, fullWidth && styles.fullWidth,\n\t\t\t\tgrey && styles.grey,\n\t\t\t\twhite && styles.white,\n\t\t\t\twhite && (icon == 'share' ? styles['fill-white'] : styles['stroke-white']),\n\t\t\t\t)} {...rest}>\n\t\t\t\t\t<span className={'bold'}>{label}</span>\n\t\t\t\t\t{icon == 'share' ? <ShareSVG />\n\t\t\t\t\t: icon == 'plus' ? <PlusSVG />\n\t\t\t\t\t: icon == 'down' ? <Arrow size='small' direction='down' />\n\t\t\t\t\t: icon == 'right' ? <Arrow size='small' direction='right' />\n\t\t\t\t: null}\n\t\t\t\t\t{children}\n\t\t\t</Button>\n\t\t</div>\n\t)\n}\n\nexport default forwardRef(BoxButton)\n"]},"metadata":{},"sourceType":"module"}