{"version":3,"file":"76-2f2efbd4c9272201b617.js","mappings":"ucASA,MAAMA,GAAaC,EAAAA,EAAAA,IAAW,MAC1BC,KAAMA,EAAEC,QAAOC,SAAQC,QAAOC,sBAAgB,CAC1CF,OAAUA,EAAgB,GAAGA,IAAV,KACnBD,MAASA,EAAe,GAAGA,IAAV,KACjBI,QAAS,EACTF,MAASA,EAAe,GAAGA,IAAV,KACjBC,gBAAmBA,EAAyB,GAAGA,IAAV,WAoB7C,UAhBsBE,EAAGC,YAAU,GAAIC,OAAMC,UAASC,cAClD,MAAMC,EAAaJ,EAAUK,QAAQ,qBAAsB,IACrDV,GAASW,EAAAA,EAAAA,SAAIL,EAAM,uBACnBP,GAAQY,EAAAA,EAAAA,SAAIL,EAAM,sBAClBJ,EAAkBU,KAAKD,EAAAA,EAAAA,SAAIH,EAAS,QAAS,IAAIK,MAAM,wCACvDC,EAAYF,KAAKD,EAAAA,EAAAA,SAAIH,EAAS,QAAS,IAAIK,MAAM,6BACjDE,GAASJ,EAAAA,EAAAA,SAAIH,EAAS,QAAS,IAAIQ,MAAM,KACzCC,EAAWrB,E,qWAAUsB,CAAC,CAAClB,SAAQD,UAAUoB,EAAAA,EAAAA,IAASJ,KAExD,OACIK,EAAAA,cAAA,OAAKf,UAAWgB,IAAWZ,EAAYP,EAAiBY,EAAWG,EAASnB,OACxEsB,EAAAA,cAACE,EAAAA,EAAO,CAACjB,UAAWY,EAASnB,OAC3B,C","sources":["webpack://thecoalitionweb/./src/templates/components/separatorSwap.js"],"sourcesContent":["import React from 'react'\r\nimport head from 'lodash/head'\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\nimport { cssToObj } from '../../utilities/helpers'\r\n\r\nconst useClasses = makeStyles(() => ({\r\n    root: ({width, height, color, backgroundColor}) => ({\r\n        height:  !height ? null : `${height}`,\r\n        width:  !width ? null : `${width}`,\r\n        padding: 0,\r\n        color:  !color ? null : `${color}`,\r\n        backgroundColor:  !backgroundColor ? null : `${backgroundColor}`,\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 backgroundColor = head(get(attribs, 'class', '').match(/has-gears-[a-z]+-background-color/gi))\r\n    const textColor = head(get(attribs, 'class', '').match(/has-gears-[a-z]+-color/gi))\r\n    const styles = get(attribs, 'style', '').split(';')\r\n    const _classes = useClasses({height, width, ...cssToObj(styles)})\r\n\r\n    return (\r\n        <div className={classnames(_className, backgroundColor, textColor, _classes.root)}>\r\n            <Divider className={_classes.root}  />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SeparatorSwap\r\n\r\n"],"names":["useClasses","makeStyles","root","width","height","color","backgroundColor","padding","SeparatorSwap","className","data","options","attribs","_className","replace","get","head","match","textColor","styles","split","_classes","_objectSpread","cssToObj","React","classnames","Divider"],"sourceRoot":""}