{"version":3,"sources":["webpack:///./src/pages/about-david-pocock.tsx","webpack:///./src/images/facebook-f-brands.inline.svg","webpack:///./src/images/twitter-brands.inline.svg","webpack:///./src/images/instagram-brands.inline.svg","webpack:///./src/components/ShareLinks.tsx","webpack:///./src/config.ts"],"names":["AboutPageContainer","styled","div","STYLES","desktopSize","Title","h2","LeftSection","section","AboutPhoto","Img","AboutDetails","End","Gear","GearTitle","h3","AboutPage","props","isTabletOrMobile","useMediaQuery","query","aboutPhoto","data","childImageSharp","fluid","aboutPhoto2","inverseColor","headerStyle","zIndex","footerLogo","name","content","property","imgStyle","objectPosition","product","style","marginBottom","displayStyle","linkTo","padding","pageQuery","React","FacebookFBrandsInline","createElement","defaultProps","module","exports","default","TwitterBrandsInline","InstagramBrandsInline","ShareLinks","useState","hasLinkBeenCopied","setHasLinkBeenCopied","ShareLinksContainer","IconLink","onClick","window","open","href","target","rel","aria-label","ShareLabel","ShareLink","textArea","document","value","body","appendChild","select","execCommand","err","removeChild","span","textSize3","a","COLOURS","blue","charcoal","white"],"mappings":"0FAAA,0JA4DMA,EAAqBC,IAAOC,IAAV,6FAAGD,CAAH,kKAMFE,IAAOC,aAMvBC,EAAQJ,IAAOK,GAAV,gFAAGL,CAAH,4DAILM,EAAcN,IAAOO,QAAV,sFAAGP,CAAH,4GAIKE,IAAOC,aAOvBK,EAAaR,YAAOS,KAAV,qFAAGT,CAAH,uMAKME,IAAOC,YAMPD,IAAOC,aAOvBO,EAAeV,IAAOO,QAAV,uFAAGP,CAAH,8HAGIE,IAAOC,YAGPD,IAAOC,aAMvBQ,EAAMX,IAAOC,IAAV,8EAAGD,CAAH,uBAIHY,EAAOZ,IAAOC,IAAV,+EAAGD,CAAH,0CAKJa,EAAYb,IAAOc,GAAV,oFAAGd,CAAH,2EAKAe,UAnHG,SAACC,GAEjB,IAAMC,EAAmBC,wBAAc,CAAEC,MAAO,wBAC1CC,EAAaJ,EAAMK,KAAKD,WAAWE,gBAAgBC,MACnDC,EAAcR,EAAMK,KAAKG,YAAYF,gBAAgBC,MAE3D,OACE,kBAAC,IAAD,CAAQE,eAAcR,EAAiCS,YAAa,CAAEC,OAAQ,GAAKC,YAAY,GAC7F,kBAAC,SAAD,KACE,qDACA,0BAAMC,KAAK,cAAcC,QAAQ,gIACjC,0BAAMD,KAAK,eAAeC,QAAQ,YAClC,0BAAMD,KAAK,gBAAgBC,QAAQ,eACnC,0BAAMD,KAAK,gBAAgBC,QAAQ,iBACnC,0BAAMD,KAAK,WAAWE,SAAS,WAAWD,QAAQ,uBAClD,0BAAMD,KAAK,iBAAiBE,SAAS,iBAAiBD,QAAQ,iIAEhE,kBAAC/B,EAAD,KACE,kBAACO,EAAD,KACA,kBAACE,EAAD,CAAYe,MAAOH,IACnB,kBAACZ,EAAD,CAAYe,MAAOC,EAAaQ,SAAU,CAACC,eAAgB,iBAE3D,kBAACvB,EAAD,KACE,kBAACN,EAAD,iDACA,kBAAC,IAAD,MACA,kBAACO,EAAD,KACE,kBAACC,EAAD,KACE,kBAACC,EAAD,mCACA,6BAAK,kBAAC,IAAD,CAAaqB,QAAQ,sBAC1B,6BAAK,kBAAC,IAAD,CAAaA,QAAQ,WAC1B,6BAAK,kBAAC,IAAD,CAAaA,QAAQ,6BAC1B,6BAAK,kBAAC,IAAD,CAAaA,QAAQ,4CAC1B,6BAAK,kBAAC,IAAD,CAAaA,QAAQ,mCAE5B,kBAACrB,EAAD,CAAWsB,MAAO,CAACC,aAAc,IAAjC,uBACA,kBAAC,IAAD,CAAYC,aAAa,QAAQC,OAAO,QAAQH,MAAO,CAACI,QAAS,iBAkFtE,IAAMC,EAAY,c,oBCrIzB,IAAIC,EAAQ,EAAQ,GAEpB,SAASC,EAAuB1B,GAC5B,OAAOyB,EAAME,cAAc,MAAM3B,EAAMyB,EAAME,cAAc,OAAO,CAAC,KAAO,eAAe,EAAI,kLAGjGD,EAAsBE,aAAe,CAAC,cAAc,OAAO,UAAY,QAAQ,cAAc,MAAM,YAAY,aAAa,UAAY,uCAAuC,KAAO,MAAM,QAAU,eAEtMC,EAAOC,QAAUJ,EAEjBA,EAAsBK,QAAUL,G,oBCVhC,IAAID,EAAQ,EAAQ,GAEpB,SAASO,EAAqBhC,GAC1B,OAAOyB,EAAME,cAAc,MAAM3B,EAAMyB,EAAME,cAAc,OAAO,CAAC,KAAO,eAAe,EAAI,6xBAGjGK,EAAoBJ,aAAe,CAAC,cAAc,OAAO,UAAY,QAAQ,cAAc,MAAM,YAAY,UAAU,UAAY,oCAAoC,KAAO,MAAM,QAAU,eAE9LC,EAAOC,QAAUE,EAEjBA,EAAoBD,QAAUC,G,oBCV9B,IAAIP,EAAQ,EAAQ,GAEpB,SAASQ,EAAuBjC,GAC5B,OAAOyB,EAAME,cAAc,MAAM3B,EAAMyB,EAAME,cAAc,OAAO,CAAC,KAAO,eAAe,EAAI,g6BAGjGM,EAAsBL,aAAe,CAAC,cAAc,OAAO,UAAY,QAAQ,cAAc,MAAM,YAAY,YAAY,UAAY,sCAAsC,KAAO,MAAM,QAAU,eAEpMC,EAAOC,QAAUG,EAEjBA,EAAsBF,QAAUE,G,iICVhC,kCAeO,IAAMC,EAAa,SAAClC,GAAiB,MAMtCA,EAHFqB,oBAHwC,MAGzB,OAHyB,IAMtCrB,EAFFsB,cAJwC,MAI/B,QAJ+B,EAKxCH,EACEnB,EADFmB,MALwC,EAQQgB,oBAAS,GAApDC,EARmC,KAQhBC,EARgB,KAmC1C,OACE,kBAACC,EAAD,CAAqBnB,MAAOA,GACR,UAAjBE,GACC,oCACE,kBAACkB,EAAD,CACEC,QAAoB,UAAXlB,EAbO,WACxBmB,OAAOC,KAAK,mCAAoC,OAAQ,yBAYE,KAClDC,KAAiB,UAAXrB,EAAqB,KAAO,kCAClCsB,OAAmB,UAAXtB,EAAqB,KAAO,SACpCuB,IAAI,sBACJC,aAAuB,UAAXxB,EAAqB,mBAAqB,0BAEtD,kBAAC,IAAD,OAEU,UAAXA,GACD,kBAACiB,EAAD,CACEI,KAAK,yCAAyCC,OAAO,SAASC,IAAI,uBAElE,kBAAC,IAAD,OAGF,kBAACN,EAAD,CACEC,QAAoB,UAAXlB,EAzBQ,WACzBmB,OAAOC,KAAK,iHAAkH,OAAQ,yBAwB3E,KACnDC,KAAiB,UAAXrB,EAAqB,KAAO,wCAClCsB,OAAmB,UAAXtB,EAAqB,KAAO,SACpCuB,IAAI,sBACJC,aAAuB,UAAXxB,EAAqB,oBAAsB,2BAEvD,kBAAC,IAAD,QAIY,SAAjBD,GACC,oCACE,kBAAC0B,EAAD,gBACA,kBAACC,EAAD,CACER,QAAS,kBAAMC,OAAOC,KAAK,mCAAoC,OAAQ,yBACvEI,aAAW,oBAFb,WAIA,kBAACE,EAAD,CACER,QAAS,kBAAMC,OAAOC,KAAK,iHAAkH,OAAQ,yBACrJI,aAAW,qBAFb,YAMA,kBAACE,EAAD,CACIR,QAASJ,EAAoB,KAtElB,WACrB,IACMa,EAAWC,SAASvB,cAAc,YACxCsB,EAASE,MC5BU,qCD6BnBD,SAASE,KAAKC,YAAYJ,GAC1BA,EAASK,SAET,IACqBJ,SAASK,YAAY,QAExClB,GAAqB,GACrB,MAAOmB,IAGTN,SAASE,KAAKK,YAAYR,IAyDhBH,aAAW,iCAEZV,EAAoB,cAAgB,gBAQpCE,EAAsBtD,IAAOC,IAAV,sFAAGD,CAAH,6DAM1B+D,EAAa/D,IAAO0E,KAAV,6EAAG1E,CAAH,sDAEDE,IAAOyE,WAIhBX,EAAYhE,IAAO4E,EAAV,4EAAG5E,CAAH,uEAEJ6E,IAAQC,KACJ5E,IAAOyE,WAMhBpB,EAAWvD,IAAO4E,EAAV,2EAAG5E,CAAH,gSAIQ6E,IAAQE,SAMR7E,IAAOC,YAaf0E,IAAQG","file":"component---src-pages-about-david-pocock-tsx-a7d9cdfaa64e4c14c9d5.js","sourcesContent":["import React from \"react\";\r\nimport { graphql } from \"gatsby\";\r\nimport styled from 'styled-components';\r\nimport { Layout } from \"../components/Layout\";\r\nimport { STYLES } from \"../styles/Styles\";\r\nimport { ShareLinks } from \"../components/ShareLinks\";\r\nimport { useMediaQuery } from 'react-responsive';\r\nimport { ProductLink } from \"../components/ProductLink\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport Img from 'gatsby-image';\r\nimport { AboutCopy } from \"../components/Copy\";\r\n\r\ninterface Props {\r\n  data: any\r\n}\r\n\r\nconst AboutPage = (props: Props) => {\r\n\r\n  const isTabletOrMobile = useMediaQuery({ query: '(max-width: 1224px)' });\r\n  const aboutPhoto = props.data.aboutPhoto.childImageSharp.fluid;\r\n  const aboutPhoto2 = props.data.aboutPhoto2.childImageSharp.fluid;\r\n\r\n  return (\r\n    <Layout inverseColor={isTabletOrMobile ? true : false} headerStyle={{ zIndex: 1 }} footerLogo={false}>\r\n      <Helmet>\r\n        <title>About David Pocock</title>\r\n        <meta name=\"description\" content=\"Get to know more about David Pocock and how he found his passion for photography and wildlife while growing up in Zimbabwe.\" />\r\n        <meta name=\"site-section\" content=\"Explore\" />\r\n        <meta name=\"page-template\" content=\"Story Page\" />\r\n        <meta name=\"page-category\" content=\"Get Inspired\" />\r\n        <meta name=\"og:title\" property=\"og:title\" content=\"About David Pocock\" />\r\n        <meta name=\"og:description\" property=\"og:description\" content=\"Get to know more about David Pocock and how he found his passion for photography and wildlife while growing up in Zimbabwe.\" />\r\n      </Helmet>\r\n      <AboutPageContainer>\r\n        <LeftSection>\r\n        <AboutPhoto fluid={aboutPhoto} />\r\n        <AboutPhoto fluid={aboutPhoto2} imgStyle={{objectPosition: 'center 30%'}}/>\r\n        </LeftSection>\r\n        <AboutDetails>\r\n          <Title>An athlete with purpose beyond the game.</Title>\r\n          <AboutCopy />\r\n          <End>\r\n            <Gear>\r\n              <GearTitle>David's kit in the Tarkine</GearTitle>\r\n              <div><ProductLink product='EOS-1D X Mark II' /></div>\r\n              <div><ProductLink product='EOS R' /></div>\r\n              <div><ProductLink product='RF 24-105mm f/4L IS USM' /></div>\r\n              <div><ProductLink product='EF 200-400mm f/4L IS USM Extender 1.4X' /></div>\r\n              <div><ProductLink product='EF 100mm f/2.8L Macro IS USM' /></div>\r\n            </Gear>\r\n            <GearTitle style={{marginBottom: 0}}>Follow David Pocock</GearTitle>\r\n            <ShareLinks displayStyle='icons' linkTo='david' style={{padding: '2rem 0'}}/>\r\n          </End>\r\n        </AboutDetails>\r\n      </AboutPageContainer>\r\n\r\n    </Layout>\r\n  )\r\n}\r\n\r\nconst AboutPageContainer = styled.div`\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  @media(min-width: ${STYLES.desktopSize}) {\r\n    flex-direction: row;\r\n    padding: 140px 4rem 1rem 4rem;\r\n  }\r\n`;\r\n\r\nconst Title = styled.h2`\r\n  font-family: 'Proxima Nova Extra Condensed',sans-serif;\r\n`;\r\n\r\nconst LeftSection = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  @media(min-width: ${STYLES.desktopSize}) {\r\n      width: 50%;\r\n      height: auto;\r\n      height: 100%;\r\n    }\r\n`;\r\n\r\nconst AboutPhoto = styled(Img)`\r\n  width: 100%;\r\n  height: 50vh;\r\n  object-fit: cover;\r\n  object-position: 70% 50%;\r\n  @media(min-width: ${STYLES.desktopSize}) {\r\n      height: 508px;\r\n      :not(:first-child) {\r\n        margin-top: 1.5rem;\r\n      }\r\n    }\r\n  @media(max-width: ${STYLES.desktopSize}) {\r\n    :not(:first-child) {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\n\r\nconst AboutDetails = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  @media(max-width: ${STYLES.desktopSize}) {\r\n    padding: 1rem;\r\n  }\r\n  @media(min-width: ${STYLES.desktopSize}) {\r\n    margin-left: 4rem;\r\n    width: 50%;\r\n  }\r\n`;\r\n\r\nconst End = styled.div`\r\n  padding-top: 2rem;\r\n`;\r\n\r\nconst Gear = styled.div`\r\n  padding-bottom: 2rem;\r\n  line-height: 1.5;\r\n`;\r\n\r\nconst GearTitle = styled.h3`\r\n  font-family: 'Proxima Nova Extra Condensed', sans-serif;\r\n  font-size: 30px;\r\n`;\r\n\r\nexport default AboutPage;\r\n\r\nexport const pageQuery = graphql`\r\n  query {\r\n    aboutPhoto: file(relativePath: { eq: \"photos/21. Pocock_Tassie-217.jpg\" }) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 3854) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    aboutPhoto2: file(relativePath: { eq: \"photos/32. Pocock_Tassie-303.jpg\" }) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 3854) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;","var React = require('react');\n\nfunction FacebookFBrandsInline (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"}));\n}\n\nFacebookFBrandsInline.defaultProps = {\"aria-hidden\":\"true\",\"focusable\":\"false\",\"data-prefix\":\"fab\",\"data-icon\":\"facebook-f\",\"className\":\"svg-inline--fa fa-facebook-f fa-w-10\",\"role\":\"img\",\"viewBox\":\"0 0 320 512\"};\n\nmodule.exports = FacebookFBrandsInline;\n\nFacebookFBrandsInline.default = FacebookFBrandsInline;\n","var React = require('react');\n\nfunction TwitterBrandsInline (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"}));\n}\n\nTwitterBrandsInline.defaultProps = {\"aria-hidden\":\"true\",\"focusable\":\"false\",\"data-prefix\":\"fab\",\"data-icon\":\"twitter\",\"className\":\"svg-inline--fa fa-twitter fa-w-16\",\"role\":\"img\",\"viewBox\":\"0 0 512 512\"};\n\nmodule.exports = TwitterBrandsInline;\n\nTwitterBrandsInline.default = TwitterBrandsInline;\n","var React = require('react');\n\nfunction InstagramBrandsInline (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"}));\n}\n\nInstagramBrandsInline.defaultProps = {\"aria-hidden\":\"true\",\"focusable\":\"false\",\"data-prefix\":\"fab\",\"data-icon\":\"instagram\",\"className\":\"svg-inline--fa fa-instagram fa-w-14\",\"role\":\"img\",\"viewBox\":\"0 0 448 512\"};\n\nmodule.exports = InstagramBrandsInline;\n\nInstagramBrandsInline.default = InstagramBrandsInline;\n","import React, { useState } from \"react\";\r\nimport styled from 'styled-components';\r\nimport { COLOURS } from \"../styles/Colours\";\r\nimport { STYLES } from \"../styles/Styles\";\r\nimport FacebookIcon from '../images/facebook-f-brands.inline.svg';\r\nimport TwitterIcon from '../images/twitter-brands.inline.svg';\r\nimport InstagramIcon from '../images/instagram-brands.inline.svg';\r\nimport { baseUrl } from \"../config\";\r\n\r\ninterface Props {\r\n  displayStyle?: 'text' | 'icons';\r\n  linkTo?: 'share' | 'david';\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nexport const ShareLinks = (props: Props) => {\r\n\r\n  const {\r\n    displayStyle = 'text',\r\n    linkTo = 'share',\r\n    style\r\n  } = props;\r\n\r\n  const [hasLinkBeenCopied, setHasLinkBeenCopied] = useState(false);\r\n\r\n  const handleCopyLink = () => {\r\n    const text = baseUrl;\r\n    const textArea = document.createElement(\"textarea\");\r\n    textArea.value = text;\r\n    document.body.appendChild(textArea);\r\n    textArea.select();\r\n\r\n    try {\r\n      const successful = document.execCommand('copy');\r\n      const msg = successful ? 'successful' : 'unsuccessful';\r\n      setHasLinkBeenCopied(true);\r\n    } catch (err) {\r\n    }\r\n\r\n    document.body.removeChild(textArea);\r\n  }\r\n\r\n  const handleTwitterLink = () => {\r\n    window.open('https://twitter.com/intent/tweet', 'name', 'width=600,height=400');\r\n  }\r\n\r\n  const handleFacebookLink = () => {\r\n    window.open('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fanunlikelyunion.canon.com.au%2F&amp;src=sdkpreparse', 'Name', 'width=600,height=400')\r\n  }\r\n\r\n  return (\r\n    <ShareLinksContainer style={style}>\r\n      {displayStyle === 'icons' &&\r\n        <>\r\n          <IconLink\r\n            onClick={linkTo === 'share' ? handleTwitterLink : null}\r\n            href={linkTo === 'share' ? null : 'https://twitter.com/pocockdavid'}\r\n            target={linkTo === 'share' ? null : '_blank'}\r\n            rel='noreferrer noopener'\r\n            aria-label={linkTo === 'share' ? 'Share on Twitter' : 'David Pocock\\'s Twitter'}\r\n            >\r\n            <TwitterIcon />\r\n          </IconLink>\r\n          {linkTo === 'david' &&\r\n          <IconLink\r\n            href='https://www.instagram.com/davidpocock/' target='_blank' rel='noreferrer noopener'\r\n            >\r\n            <InstagramIcon />\r\n          </IconLink>\r\n          }\r\n          <IconLink\r\n            onClick={linkTo === 'share' ? handleFacebookLink : null}\r\n            href={linkTo === 'share' ? null : 'https://www.facebook.com/pocock.page/'}\r\n            target={linkTo === 'share' ? null : '_blank'}\r\n            rel='noreferrer noopener'\r\n            aria-label={linkTo === 'share' ? 'Share on Facebook' : 'David Pocock\\'s Facebook'}\r\n            >\r\n            <FacebookIcon />\r\n          </IconLink>\r\n        </>\r\n      }\r\n      {displayStyle === 'text' &&\r\n        <>\r\n          <ShareLabel>Share -</ShareLabel>\r\n          <ShareLink\r\n            onClick={() => window.open('https://twitter.com/intent/tweet', 'name', 'width=600,height=400')}\r\n            aria-label='Share on Twitter'\r\n            >Twitter</ShareLink>\r\n          <ShareLink\r\n            onClick={() => window.open('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fanunlikelyunion.canon.com.au%2F&amp;src=sdkpreparse', 'Name', 'width=600,height=400')}\r\n            aria-label='Share on Facebook'\r\n          >\r\n            Facebook\r\n          </ShareLink>\r\n          <ShareLink\r\n              onClick={hasLinkBeenCopied ? null : handleCopyLink}\r\n              aria-label='Copy the link to this website'\r\n            >\r\n            {hasLinkBeenCopied ? 'Link copied' : 'Copy link'}\r\n          </ShareLink>\r\n        </>\r\n      }\r\n    </ShareLinksContainer>\r\n  )\r\n}\r\n\r\nexport const ShareLinksContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst ShareLabel = styled.span`\r\n  font-weight: 700;\r\n  font-size: ${STYLES.textSize3};\r\n  white-space: nowrap;\r\n`;\r\n\r\nconst ShareLink = styled.a`\r\n  margin-left: 1.5rem;\r\n  color: ${COLOURS.blue};\r\n  font-size: ${STYLES.textSize3};\r\n  :hover {\r\n    cursor: pointer;\r\n  }\r\n`;\r\n\r\nconst IconLink = styled.a`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: ${COLOURS.charcoal};\r\n  border-radius: 50%;\r\n  width: 70px;\r\n  height: 70px;\r\n  padding: 0.5rem;\r\n  margin: 0 auto;\r\n  @media(min-width: ${STYLES.desktopSize}) {\r\n    padding: 1rem;\r\n    width: 100px;\r\n    height: 100px;\r\n  }\r\n  :hover {\r\n    cursor: pointer;\r\n    opacity: 0.8;\r\n  }\r\n  svg {\r\n    width: 50%;\r\n    height: 50%;\r\n    path {\r\n      fill: ${COLOURS.white};\r\n    }\r\n  }\r\n`;","export const baseUrl = 'https://canon.com.au/unlikelyunion';"],"sourceRoot":""}