{"version":3,"file":"8076-1ddfbcb043f93d9a5530.js","mappings":"6MAMA,MAAMA,GAAaC,EAAAA,EAAAA,IAAW,MAC1BC,MAAOA,EAAEA,QAAOC,aAAO,CACnBD,MAAQA,EAAiB,GAAGA,IAAZ,OAChBC,OAASA,EAAgB,GAAGA,IAAV,KAClBC,QAAS,QAiBjB,UAbsBC,EAAGC,YAAU,GAAIC,OAAMC,UAASC,cAClD,MAAMC,EAAaJ,EAAUK,QAAQ,qBAAsB,IACrDR,GAASS,EAAAA,EAAAA,SAAIL,EAAM,uBACnBL,GAAQU,EAAAA,EAAAA,SAAIL,EAAM,sBAClBM,EAAWb,EAAW,CAACG,SAAQD,UAErC,OACIY,EAAAA,cAAA,OAAKR,UAAWS,IAAWL,EAAYG,EAASX,QAC5CY,EAAAA,cAACE,EAAAA,EAAO,CAACV,UAAWO,EAASX,QAC3B,C","sources":["webpack://gears-of-war-website/./src/templates/components/separatorSwap.js"],"sourcesContent":["import React from 'react'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport Divider from '@material-ui/core/Divider'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport classnames from 'classnames'\r\n\r\nconst useClasses = makeStyles(() => ({\r\n    width: ({width, height}) => ({\r\n        width: !width ? '100%' : `${width}`,\r\n        height: !height ? null : `${height}`,\r\n        padding: 0\r\n    })\r\n}))\r\n\r\nconst SeparatorSwap = ({ className='', data, options, attribs }) => {\r\n    const _className = className.replace('wp-block-separator', '')\r\n    const height = get(data, \"height.divider.['']\")\r\n    const width = get(data, \"width.divider.['']\")\r\n    const _classes = useClasses({height, width})\r\n\r\n    return (\r\n        <div className={classnames(_className, _classes.width)}>\r\n            <Divider className={_classes.width} />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SeparatorSwap\r\n\r\n"],"names":["useClasses","makeStyles","width","height","padding","SeparatorSwap","className","data","options","attribs","_className","replace","get","_classes","React","classnames","Divider"],"sourceRoot":""}