{"version":3,"file":"369-9cdcd651eb8cbd7f6e1c.js","mappings":"gSAOMA,GAAaC,EAAAA,EAAAA,IAAYC,IAAK,CAChCC,YAAaA,EAAGC,WAAM,CAClBC,cAAe,IAAGC,EAAAA,EAAAA,SAAIF,EAAM,qBAAsB,2BAClDG,WAAY,IAAGD,EAAAA,EAAAA,SAAIF,EAAM,mBAAoB,mCA8BrD,UA1BoBI,IAA+D,IAA9D,QAAEC,EAAO,UAAEC,EAAS,SAAEC,EAAQ,QAAEC,EAAO,KAAER,GAAeI,GAAFK,EAAAA,EAAAA,GAAAL,EAAAM,GACvE,MAAMC,GAAST,EAAAA,EAAAA,SAAIK,EAAU,cACvBK,GAAUV,EAAAA,EAAAA,SAAIS,EAAQ,QACtBE,GAAWX,EAAAA,EAAAA,SAAIF,EAAM,eACrBc,GAAeZ,EAAAA,EAAAA,SAAIG,EAAS,QAAS,IAAIU,SAAS,mBAClDC,EAAWpB,EAAW,CAAEI,SACxBiB,EAAaC,KAAWhB,EAAAA,EAAAA,SAAIG,EAAS,SAAUC,EAAW,CAAE,uBAAwBQ,GAAgBE,EAASjB,aAC7GoB,GAAKjB,EAAAA,EAAAA,SAAIG,EAAS,MAElBe,EACFC,EAAAA,cAACC,EAAAA,GAAUC,EAAAA,EAAAA,GAAA,GAAQJ,EAAK,CAAEA,GAAIA,GAAO,CAAC,EAAC,CAAGb,UAAWW,EAAYL,QAASA,KACrEY,EAAAA,EAAAA,IAAWjB,EAAUC,IAI9B,OAAIK,EAEIQ,EAAAA,cAACC,EAAAA,EAAU,CAAChB,UAAWW,EAAYL,QAAQ,UACtCQ,GAIFA,CACX,C","sources":["webpack://thecoalitionweb/./src/templates/components/headingSwap.js"],"sourcesContent":["import React from 'react'\r\nimport get from 'tcweb-material-components/core/poly/get'\r\nimport { domToReact } from 'html-react-parser'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport classnames from 'classnames'\r\nimport { makeStyles } from '@material-ui/styles'\r\n\r\nconst useClasses = makeStyles((theme) => ({\r\n    headingSwap: ({ data }) => ({\r\n        textTransform: `${get(data, \"style.heading.['']\", 'capitalize')} !important`,\r\n        fontFamily: `${get(data, \"family.font.['']\", 'commissioner')} !important`\r\n    })\r\n}))\r\n\r\nconst HeadingSwap = ({ attribs, className, children, options, data, ...rest }) => {\r\n    const parent = get(children, '[0].parent')\r\n    const variant = get(parent, 'name')\r\n    const isSrOnly = get(data, \"only.sr['']\")\r\n    const hasAlignment = get(attribs, 'class', '').includes('has-text-align-')\r\n    const _classes = useClasses({ data })\r\n    const _className = classnames(get(attribs, 'class'), className, { 'has-text-align-left': !hasAlignment }, _classes.headingSwap)\r\n    const id = get(attribs, 'id')\r\n\r\n    const heading = (\r\n        <Typography {...(!!id ? { id: id } : {})} className={_className} variant={variant}>\r\n            {domToReact(children, options)}\r\n        </Typography>\r\n    )\r\n\r\n    if (isSrOnly) {\r\n        return (\r\n            <Typography className={_className} variant='srOnly'>\r\n                {heading}\r\n            </Typography>\r\n        )\r\n    } else {\r\n        return heading\r\n    }\r\n}\r\n\r\nexport default HeadingSwap\r\n"],"names":["useClasses","makeStyles","theme","headingSwap","data","textTransform","get","fontFamily","_ref","attribs","className","children","options","_objectWithoutProperties","_excluded","parent","variant","isSrOnly","hasAlignment","includes","_classes","_className","classnames","id","heading","React","Typography","_extends","domToReact"],"sourceRoot":""}