{"version":3,"file":"5763.esm.js","mappings":";uMA6CA,SAJsBA,EAAAA,EAAAA,MAtBtB,SAAaC,GAA+C,IAA9C,KAAEC,EAAI,IAAEC,EAAG,UAAEC,GAA+BH,EAAjBI,GAAIC,EAAAA,EAAAA,GAAAL,EAAAM,GAC3C,OAAIJ,EAEAK,IAAAA,cAACC,EAAAA,GAASC,EAAAA,EAAAA,GAAA,CACRC,IAAKR,EACLC,UAAS,YAAAQ,OAAcR,GACvB,cAAY,QACRC,IAGCH,EAEPM,IAAAA,cAAA,QAAAE,EAAAA,EAAAA,GAAA,CACEN,UAAS,aAAAQ,OAAeV,EAAI,KAAAU,OAAIR,GAChC,cAAY,QACRC,IAIH,IACT,GAEsC,CACpCQ,OAAQ,MACRC,aAAc,CAAC,MAAO","sources":["webpack:///./lib/glamorous-icon.js"],"sourcesContent":["// @flow\n/*\n * This is a function that gives you back an Icon component. It has logic\n * for whether to use a className (if you provide an `icon`\n * prop or an svg (using svg-inline-react) if you provide\n * an `svg` prop, which would be something you import like:\n * `import mySvg from './my-svg'`\n */\nimport React from 'react'\nimport InlineSVG from 'svg-inline-react'\nimport glamorous from 'glamorous'\n\ntype IconProps = {\n  icon?: string,\n  svg?: string,\n  className: string,\n}\n// This Icon accepts the className and applies it to the thing that\n// should be styled based on whether an icon or svg is provided\nfunction Icon({ icon, svg, className, ...rest }: IconProps) {\n  if (svg) {\n    return (\n      <InlineSVG\n        src={svg}\n        className={`icon-svg ${className}`}\n        aria-hidden=\"true\"\n        {...rest}\n      />\n    )\n  } else if (icon) {\n    return (\n      <span\n        className={`icon icon-${icon} ${className}`}\n        aria-hidden=\"true\"\n        {...rest}\n      />\n    )\n  }\n  return null\n}\n\nconst glamorousIcon = glamorous(Icon, {\n  rootEl: 'svg',\n  forwardProps: ['svg', 'icon'],\n})\nexport default glamorousIcon\n"],"names":["glamorous","_ref","icon","svg","className","rest","_objectWithoutProperties","_excluded","React","InlineSVG","_extends","src","concat","rootEl","forwardProps"],"sourceRoot":""}