{"version":3,"file":"4336-add325d1de8a4d205347.js","mappings":"gXAWMA,GAAaC,EAAAA,EAAAA,IAAWC,IAAK,CAC/BC,KAAM,CACFC,QAAS,OACTC,MAAO,OACPC,QAAS,OACT,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC1BC,oBAAqBA,EAAGC,aAAa,KAAQ,UAAUA,YAG/DC,YAAa,CAAEC,aAAc,UAC7BC,WAAY,CAAED,aAAc,YAC5BE,UAAW,CAAEF,aAAc,cAC3BG,oBAAqB,CAAEH,aAAc,UACrCI,kBAAmB,CAAEJ,aAAc,cACnCK,mBAAoB,CAAEL,aAAc,YACpCM,0BAA2B,CAAEN,aAAc,iBAC3C,uBAAwB,CAAEA,aAAc,UACxC,sBAAuB,CAAEA,aAAc,YACvC,qBAAsB,CAAEA,aAAc,kBAGpCO,EAAeC,KACjBC,EAAAA,EAAAA,UAAOC,GAAwB,QAAfA,EAAMC,OACtBC,EAAAA,SAgBJ,UAZwBC,IAA+D,IAA9D,QAAEC,EAAO,SAAEC,EAAQ,QAAEC,EAAO,KAAEC,EAAI,UAAEC,GAAoBL,EAANM,GAAIC,EAAAA,EAAAA,GAAAP,EAAAQ,GAC3E,MAAMC,EAAWlC,EAAW,CAAEU,WAAYS,EAAaQ,KACjDQ,EAAiBC,KAAKC,EAAAA,EAAAA,SAAIX,EAAS,QAAS,IAAIY,MAAM,sCACtDC,EAAqBC,IAAUJ,KAAKC,EAAAA,EAAAA,SAAIX,EAAS,QAAS,IAAIY,MAAM,8FAE1E,OACIG,EAAAA,cAAA,OAAAC,EAAAA,EAAAA,GAAA,GAASX,EAAI,CAAED,UAAWa,IAAWT,EAAS/B,KAAM2B,EAAYI,EAASC,GAAiBD,EAASK,OAC9FK,EAAAA,EAAAA,IAAWjB,EAAUC,GACpB,C","sources":["webpack://gears-of-war-website/./src/templates/components/buttonGroupSwap.js"],"sourcesContent":["import React from 'react'\r\nimport pipe from 'lodash/fp/pipe'\r\nimport { makeStyles } from '@material-ui/styles'\r\nimport { domToReact } from 'html-react-parser'\r\nimport filter from 'tcweb-material-components/core/poly/filter'\r\nimport count from 'tcweb-material-components/core/poly/count'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport classnames from 'classnames'\r\nimport head from 'lodash/head'\r\nimport camelCase from 'lodash/camelCase'\r\n\r\nconst useClasses = makeStyles(theme => ({\r\n    root: {\r\n        display: 'grid',\r\n        width: '100%',\r\n        gridGap: '30px',\r\n        [theme.breakpoints.up('md')]: {\r\n            gridTemplateColumns: ({ numButtons = 1 }) => `repeat(${numButtons}, 1fr)`\r\n        }\r\n    },\r\n    aligncenter: { justifyItems: 'center' },\r\n    alignright: { justifyItems: 'flex-end' },\r\n    alignleft: { justifyItems: 'flex-start' },\r\n    justificationCenter: { justifyItems: 'center' },\r\n    justificationLeft: { justifyItems: 'flex-start' },\r\n    justificationRight: { justifyItems: 'flex-end' },\r\n    justificationSpaceBetween: { justifyItems: 'space-between' },\r\n    'justification-center': { justifyItems: 'center' },\r\n    'justification-right': { justifyItems: 'flex-end' },\r\n    'justification-left': { justifyItems: 'flex-start' }\r\n}))\r\n\r\nconst countButtons = pipe(\r\n    filter(child => child.name === 'div'),\r\n    count\r\n)\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nconst ButtonGroupSwap = ({ attribs, children, options, data, className, ...rest }) => {\r\n    const _classes = useClasses({ numButtons: countButtons(children) })\r\n    const alignmentClass = head(get(attribs, 'class', '').match(/aligncenter|alignleft|alignright/g))\r\n    const justificationClass = camelCase(head(get(attribs, 'class', '').match(/justification-center|justification-left|justification-right|justification-space-between/g)))\r\n\r\n    return (\r\n        <div {...rest} className={classnames(_classes.root, className,  _classes[alignmentClass], _classes[justificationClass])}>\r\n            {domToReact(children, options)}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ButtonGroupSwap\r\n"],"names":["useClasses","makeStyles","theme","root","display","width","gridGap","breakpoints","up","gridTemplateColumns","numButtons","aligncenter","justifyItems","alignright","alignleft","justificationCenter","justificationLeft","justificationRight","justificationSpaceBetween","countButtons","pipe","filter","child","name","count","_ref","attribs","children","options","data","className","rest","_objectWithoutProperties","_excluded","_classes","alignmentClass","head","get","match","justificationClass","camelCase","React","_extends","classnames","domToReact"],"sourceRoot":""}