{"version":3,"file":"static/js/Office.8db0644c.js","mappings":"8PAOA,MAAMA,EAAYC,IAAM,QAAS,CAC7BC,UAAW,4BACXC,KAAM,yBACNC,KAAM,2BAGGC,EAAYC,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,yCAItBI,GAAeJ,EAAAA,EAAAA,QAAOK,EAAAA,GAAKH,WAAA,CAAAC,YAAA,eAAZH,CAAY,kLACvBN,GAUJY,GAAUN,EAAAA,EAAAA,QAAOO,EAAAA,GAAKL,WAAA,CAAAC,YAAA,eAAZH,CAAY,sEAC7BQ,EAAAA,GAIIJ,GAOGK,EAAUT,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,SAC3BU,EAAAA,I,eClCN,MAAMC,EAASA,EACXC,aACAC,cACAC,OACAC,aACAC,MACAC,YACAC,eAAe,oBAGXC,EAAAA,EAAAA,MAACpB,EAAS,CAACkB,UAAWA,EAAUG,SAAA,EAC5BC,EAAAA,EAAAA,KAACf,EAAO,CAACgB,MAAOV,EAAYI,IAAKA,EAAKE,aAAcA,EAAaE,UAC5DG,EAAAA,EAAAA,GACGX,GACAS,EAAAA,EAAAA,KAACjB,EAAY,CACToB,KAAM,mBACN,cAAY,aAIxBL,EAAAA,EAAAA,MAACV,EAAO,CAAAW,SAAA,CACHP,GACCE,GAAcD,IAAU,IACzBC,GAAe,IAAGA,IAClBD,GAAS,IAAGA,UAM7B,MAAeW,EAAAA,KAAWd,E","sources":["components/Office/Office.styled.ts","components/Office/Office.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Icon from \"components/Icon\";\nimport Link from \"components/Link\";\nimport { styleBodyM, styleHeadingS } from \"style/components/Typography\";\n\nconst textColor = theme(\"theme\", {\n    lightgray: \"--text-on-neutral-primary\",\n    blue: \"--text-on-blue-primary\",\n    cyan: \"--text-on-cyan-primary\",\n});\n\nexport const Container = styled.div`\n    display: flex;\n    flex-flow: column wrap;\n`;\nexport const HeadingArrow = styled(Icon)`\n    color: var(${textColor});\n    margin-left: 0.875rem;\n    margin-right: 0.875rem;\n    transition:\n        margin-left 0.2s ease-in-out,\n        margin-right 0.2s ease-in-out,\n        color 0.2s ease-in-out;\n    vertical-align: middle;\n`;\n\nexport const Heading = styled(Link)`\n    ${styleHeadingS}\n    border: none;\n\n    &:hover {\n        ${HeadingArrow} {\n            margin-left: 1.75rem;\n            margin-right: 0;\n        }\n    }\n`;\n\nexport const Address = styled.div`\n    ${styleBodyM};\n`;\n","import React, { ReactElement } from \"react\";\n\nimport { appendComponentWithNoBr } from \"utils/appendComponentWithNoBr\";\n\nimport { Container, Heading, Address, HeadingArrow } from \"./Office.styled\";\nimport OfficeProps from \"./OfficeProps\";\n\nconst Office = ({\n    officeName,\n    addressRow1,\n    city,\n    postalCode,\n    url,\n    className,\n    gtmClickType = \"office_search\",\n}: OfficeProps): ReactElement => {\n    return (\n        <Container className={className}>\n            <Heading title={officeName} url={url} gtmClickType={gtmClickType}>\n                {appendComponentWithNoBr(\n                    officeName,\n                    <HeadingArrow\n                        icon={\"longArrowRight28\"}\n                        aria-hidden=\"true\"\n                    />,\n                )}\n            </Heading>\n            <Address>\n                {addressRow1}\n                {(postalCode || city) && `,`}\n                {postalCode && ` ${postalCode}`}\n                {city && ` ${city}`}\n            </Address>\n        </Container>\n    );\n};\n\nexport default React.memo(Office);\n"],"names":["textColor","theme","lightgray","blue","cyan","Container","styled","div","withConfig","componentId","HeadingArrow","Icon","Heading","Link","styleHeadingS","Address","styleBodyM","Office","officeName","addressRow1","city","postalCode","url","className","gtmClickType","_jsxs","children","_jsx","title","appendComponentWithNoBr","icon","React"],"sourceRoot":""}