{"version":3,"sources":["webpack:///./lib/glamorous-icon.js"],"names":["glamorousIcon","glamorous","_ref","icon","svg","className","rest","_objectWithoutProperties","_excluded","React","createElement","InlineSVG","_extends","src","concat","aria-hidden","rootEl","forwardProps"],"mappings":"uMAyCA,IAAMA,EAAgBC,aAtBtB,SAAaC,GAA+C,IAA9C,KAAEC,EAAI,IAAEC,EAAG,UAAEC,GAA+BH,EAAjBI,EAAIC,IAAAL,EAAAM,GAC3C,OAAIJ,EAEAK,IAAAC,cAACC,IAASC,IAAA,CACRC,IAAKT,EACLC,UAAS,YAAAS,OAAcT,GACvBU,cAAY,QACRT,IAGCH,EAEPM,IAAAC,cAAA,OAAAE,IAAA,CACEP,UAAS,aAAAS,OAAeX,EAAI,KAAAW,OAAIT,GAChCU,cAAY,QACRT,IAIH,OAG6B,CACpCU,OAAQ,MACRC,aAAc,CAAC,MAAO,UAETjB","file":"default~contact-list~edit-contacts~funding-option-selector~guest~more-funnel~multi-recipient-redux~r~39334646.esm.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"],"sourceRoot":""}