{"version":3,"file":"static/js/5659.3812c94c.chunk.js","mappings":"gNASMA,GAAWC,EAAAA,EAAAA,IAASC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,yGAYpBC,EAAOC,EAAAA,GAAOC,KAAIC,IAAAA,GAAAJ,EAAAA,EAAAA,GAAA,0JAMPH,GAaV,SAASQ,EACdC,GAEA,OAAO,SAACC,GACN,OACEC,EAAAA,EAAAA,KAACP,GAAIQ,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACCF,GAAK,IACTG,UAAS,WAAAC,QAAkB,OAALJ,QAAK,IAALA,OAAK,EAALA,EAAOG,YAAa,GAAE,KAAAC,OACrC,OAALJ,QAAK,IAALA,GAAAA,EAAOK,QAAU,mBAAqB,IAExCC,MAAY,OAALN,QAAK,IAALA,GAAAA,EAAOO,KAAO,CAAEC,UAAe,OAALR,QAAK,IAALA,OAAK,EAALA,EAAOO,MAAO,MAAS,CAAC,EAAEE,UAE3DR,EAAAA,EAAAA,KAACF,EAAK,CAACW,MAAM,MAAMC,OAAO,MAAMC,KAAK,mBAG3C,CACF,C","sources":["icons/withIcon.tsx"],"sourcesContent":["import {\n  ComponentType,\n  CSSProperties,\n  ReactElement,\n  MouseEvent as ReactMouseEvent,\n  SVGProps\n} from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst hideShow = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst Span = styled.span`\n  line-height: 0;\n  display: inline-block;\n  text-align: center;\n\n  &&.ft-icon--loading {\n    animation: ${hideShow} 1s ease-in-out infinite;\n  }\n`;\n\ntype WithIconProps = {\n  className?: string;\n  style?: CSSProperties;\n  onClick?: (event: ReactMouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  title?: string;\n  loading?: boolean;\n  size?: number;\n};\n\nexport function withIcon(\n  Child: ComponentType<SVGProps<SVGSVGElement | { className: string }>>\n) {\n  return (props: WithIconProps): ReactElement => {\n    return (\n      <Span\n        {...props}\n        className={`ft-icon ${props?.className || ''} ${\n          props?.loading ? 'ft-icon--loading' : ''\n        }`}\n        style={props?.size ? { fontSize: props?.size + 'px' } : {}}\n      >\n        <Child width=\"1em\" height=\"1em\" fill=\"currentColor\" />\n      </Span>\n    );\n  };\n}\n"],"names":["hideShow","keyframes","_templateObject","_taggedTemplateLiteral","Span","styled","span","_templateObject2","withIcon","Child","props","_jsx","_objectSpread","className","concat","loading","style","size","fontSize","children","width","height","fill"],"sourceRoot":""}