{"version":3,"file":"card-BuvFsaWO.js","sources":["../../../client/app/bundles/Shared/components/shared/card.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface CardProps {\n  color?: string;\n  onClick: (event: any) => void;\n  imgSrc?: string;\n  imgAlt?: string;\n  header: string;\n  text: string;\n}\n\nexport class Card extends React.Component<CardProps, {}> {\n  handleKeyDownOnCard = (e) => {\n    if (e.key !== 'Enter') { return }\n\n    const { onClick, } = this.props\n    onClick(e)\n  }\n\n  render() {\n    const { imgSrc, imgAlt, onClick, header, text, color } = this.props\n    const img = imgSrc ? <img alt={imgAlt} src={imgSrc} /> : null\n    return (\n      <div className={`quill-card ${color ? color : ''}`} onClick={onClick} onKeyDown={this.handleKeyDownOnCard} role=\"button\" tabIndex={0}>\n        {img}\n        <div className=\"text\">\n          <h3>{header}</h3>\n          <p>{text}</p>\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["Card","React.Component","e","onClick","imgSrc","imgAlt","header","text","color","img","React.createElement"],"mappings":"4CAWa,MAAAA,UAAaC,EAAAA,SAA+B,CAAlD,aAAA,CAAA,MAAA,GAAA,SAAA,EACL,KAAA,oBAAuBC,GAAM,CACvB,GAAAA,EAAE,MAAQ,QAAW,OAEnB,KAAA,CAAE,QAAAC,CAAS,EAAI,KAAK,MAC1BA,EAAQD,CAAC,CAAA,CACX,CAEA,QAAS,CACD,KAAA,CAAE,OAAAE,EAAQ,OAAAC,EAAQ,QAAAF,EAAS,OAAAG,EAAQ,KAAAC,EAAM,MAAAC,CAAA,EAAU,KAAK,MACxDC,EAAML,EAAUM,EAAA,cAAA,MAAA,CAAI,IAAKL,EAAQ,IAAKD,CAAQ,CAAA,EAAK,KACzD,OACGM,EAAAA,cAAA,MAAA,CAAI,UAAW,cAAcF,GAAgB,EAAE,GAAI,QAAAL,EAAkB,UAAW,KAAK,oBAAqB,KAAK,SAAS,SAAU,CAAA,EAChIM,EACDC,EAAAA,cAAC,MAAI,CAAA,UAAU,MACb,EAAAA,gBAAC,KAAI,KAAAJ,CAAO,EACZI,gBAAC,IAAG,KAAAH,CAAK,CACX,CACF,CAEJ,CACF"}