{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/gui/BoxButton.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\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = 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\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\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\nconst BoxButton = (props, ref) => {\n  const {\n    grey,\n    white,\n    className,\n    label,\n    fullWidth,\n    icon,\n    children\n  } = props,\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\nexport default /*#__PURE__*/forwardRef(BoxButton);","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;;;;;;;;;AAAAA,O;;;;;;;;IACAC,Q,YAAAA,Q;;;;;;;;;AAAAA,Q;;;;;;;AACP,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,SAArC;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAGA,MAAMC,SAAS,GAAG,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjC,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA,SAAjC;AAA4CC,IAAAA,IAA5C;AAAkDC,IAAAA;AAAlD,MAAwER,KAA9E;AAAA,QAAqES,IAArE,4BAA8ET,KAA9E;;AAEA,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,cALF,EAMGE,IAAI,IAAI,OAAR,gBAAkB,QAAC,QAAD;AAAA;AAAA;AAAA;AAAA,cAAlB,GACCA,IAAI,IAAI,MAAR,gBAAiB,QAAC,OAAD;AAAA;AAAA;AAAA;AAAA,cAAjB,GACAA,IAAI,IAAI,MAAR,gBAAiB,QAAC,KAAD;AAAO,QAAA,IAAI,EAAC,OAAZ;AAAoB,QAAA,SAAS,EAAC;AAA9B;AAAA;AAAA;AAAA;AAAA,cAAjB,GACAA,IAAI,IAAI,OAAR,gBAAkB,QAAC,KAAD;AAAO,QAAA,IAAI,EAAC,OAAZ;AAAoB,QAAA,SAAS,EAAC;AAA9B;AAAA;AAAA;AAAA;AAAA,cAAlB,GACD,IAVH,EAWGC,QAXH;AAAA;AAAA;AAAA;AAAA;AAAA;AADD;AAAA;AAAA;AAAA;AAAA,UADD;AAiBA,CApBD;;AAsBA,4BAAehB,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"}