{"version":3,"sources":["webpack:///./src/modules/Shortcuts/Shortcuts.js"],"names":["StyledRibbon","styled","Ribbon","withConfig","displayName","componentId","StyledNav","nav","rem","mediaQuery","sm","_templateObject","_taggedTemplateLiteral","StyledHeading","Heading","_templateObject2","StyledList","ul","StyledShortcut","Link","Shortcuts","_ref","shortCutList","label","React","level","length","map","link","i","key","concat","defaultProps"],"mappings":"0TAeA,IAAMA,EAAeC,YAAOC,KAAOC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,gBAAdJ,CAAc,4CAK7BK,EAAYL,IAAOM,IAAGJ,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAVJ,CAAU,yDACfO,YAAI,IAIbC,IAAWC,GAAEC,MAAAC,EAAA,iFAINJ,YAAI,MAKTK,EAAgBZ,YAAOa,KAAQX,WAAA,CAAAC,YAAA,2BAAAC,YAAA,gBAAfJ,CAAe,QACjCQ,IAAWC,GAAEK,MAAAH,EAAA,gCAKXI,EAAaf,IAAOgB,GAAEd,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAATJ,CAAS,sGAEnBO,YAAI,KAQPU,EAAiBjB,YAAOkB,KAAKhB,WAAA,CAAAC,YAAA,4BAAAC,YAAA,gBAAZJ,CAAY,wFACtBO,YAAI,GAAMA,YAAI,KAM3B,SAASY,EAASC,GAAiC,IAA9BC,EAAYD,EAAZC,aAAcC,EAAKF,EAALE,MACjC,OACEC,gBAACxB,EAAY,KACXwB,gBAAClB,EAAS,KACPkB,gBAACX,EAAa,CAACY,MAAO,GAAIF,GAASA,GACnCD,GAAgBA,EAAaI,OAAS,GACrCF,gBAACR,EAAU,KACRM,EAAaK,KACZ,SAACC,EAAMC,GAAC,OACND,GACAA,EAAKL,OACHC,gBAAA,MAAIM,IAAG,GAAAC,OAAKF,EAAC,KAAAE,OAAIH,EAAKL,QACpBC,gBAACN,EAAmBU,EAAOA,EAAKL,cAWpDH,EAAUY,aAAe,GACzBZ,EAAUhB,YAAc,YAETgB","file":"static/scripts/shortcuts-c52833bb499173ccf166.js","sourcesContent":["// @flow\nimport * as React from 'react'\nimport type { LinkViewModel } from '../../types/LinkViewModel'\nimport { Link } from '../../components/Link/Link'\nimport Ribbon from '../../components/Ribbon/Ribbon'\nimport Heading from '../../components/Heading/Heading'\nimport styled from 'styled-components'\nimport { rem } from 'polished'\nimport { mediaQuery } from '../../styles/media'\n\nexport type Props = {\n  label?: string,\n  shortCutList?: LinkViewModel[],\n}\n\nconst StyledRibbon = styled(Ribbon)`\n  background-color: #fff;\n  margin-bottom: 0;\n`\n\nconst StyledNav = styled.nav`\n  padding: ${rem(43)} 0;\n  display: flex;\n  flex-direction: column;\n\n  ${mediaQuery.sm`\n\n    flex-direction: row;\n    align-items: start;\n    gap: ${rem(48)};\n\n  `}\n`\n\nconst StyledHeading = styled(Heading)`\n  ${mediaQuery.sm`\n  margin-bottom: 0;\n`}\n`\n\nconst StyledList = styled.ul`\n  display: inline-flex;\n  gap: ${rem(16)};\n  list-style: none;\n  padding: 0;\n  flex-wrap: wrap;\n  flex-direction: row;\n  margin: 0;\n`\n\nconst StyledShortcut = styled(Link)`\n  padding: ${rem(8)} ${rem(16)};\n  background-color: #c4e1e433;\n  border-radius: 50px;\n  display: inline-block;\n`\n\nfunction Shortcuts({ shortCutList, label }: Props) {\n  return (\n    <StyledRibbon>\n      <StyledNav>\n        {<StyledHeading level={2}>{label && label}</StyledHeading>}\n        {shortCutList && shortCutList.length > 0 && (\n          <StyledList>\n            {shortCutList.map(\n              (link, i) =>\n                link &&\n                link.label && (\n                  <li key={`${i}-${link.label}`}>\n                    <StyledShortcut {...link}>{link.label}</StyledShortcut>\n                  </li>\n                ),\n            )}\n          </StyledList>\n        )}\n      </StyledNav>\n    </StyledRibbon>\n  )\n}\n\nShortcuts.defaultProps = {}\nShortcuts.displayName = 'Shortcuts'\n\nexport default Shortcuts\n"],"sourceRoot":""}