{"version":3,"file":"160-667e3422f8354d6eca53.js","mappings":"ubAQA,MAAMA,GAAaC,EAAAA,EAAAA,IAAW,MAC1BC,KAAM,CACFC,UAAWA,EAAGA,eAAkBA,EAAY,GAAGA,eAAyB,kBACxEC,gBAAiBA,EAAGA,uBAAwBA,GAAmB,GAAGA,oBAe1E,UAXkBC,EAAGC,WAAUC,UAASC,YAAU,GAAIC,cAClD,MAAMC,GAASC,EAAAA,EAAAA,SAAIF,EAAS,QAAS,IAAIG,MAAM,KACzCC,EAAUb,E,qWAAUc,CAAC,CAAC,GAAGC,EAAAA,EAAAA,IAASL,KAExC,OACIM,EAAAA,cAAA,OAAKR,UAAWS,IAAWT,EAAWC,EAAQS,MAAOL,EAAQX,QACxDiB,EAAAA,EAAAA,IAAWb,EAAUC,GACpB,C","sources":["webpack://thecoalitionweb/./src/templates/components/coverSwap.js"],"sourcesContent":["import React from 'react'\r\nimport { domToReact } from 'html-react-parser'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport { makeStyles } from '@material-ui/styles'\r\nimport classnames from 'classnames'\r\n\r\nimport { cssToObj } from '../../utilities/helpers'\r\n\r\nconst useClasses = makeStyles(() => ({\r\n    root: {\r\n        minHeight: ({ minHeight }) => !!minHeight ? `${minHeight} !important` : '100% !important', // Overwrite WP styles pixel default\r\n        backgroundImage: ({ backgroundImage }) => !!backgroundImage && `${backgroundImage} !important`  // Overwrite WP styles pixel default\r\n    }\r\n}))\r\n\r\nconst CoverSwap = ({ children, options, className='', attribs }) => {\r\n    const styles = get(attribs, 'style', '').split(';')\r\n    const classes = useClasses({...cssToObj(styles)})\r\n\r\n    return (\r\n        <div className={classnames(className, attribs.class, classes.root)}>\r\n            {domToReact(children, options)}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CoverSwap\r\n\r\n"],"names":["useClasses","makeStyles","root","minHeight","backgroundImage","CoverSwap","children","options","className","attribs","styles","get","split","classes","_objectSpread","cssToObj","React","classnames","class","domToReact"],"sourceRoot":""}