{"version":3,"sources":["webpack:///./src/components/modules/alert/alert.js"],"names":["Alert","title","description","button","props","dangerouslySetInnerHTML","__html","children","className","role","label","href","aria-label","ariaLabel"],"mappings":"8FAAA,sEAMaA,GANb,UAMqB,SAAC,GAAmC,IAAjCC,EAAiC,EAAjCA,MAAOC,EAA0B,EAA1BA,YAAaC,EAAa,EAAbA,OACpCC,EACmB,iBAAhBF,EACH,CAAEG,wBAAyB,CAAEC,OAAQJ,IACrC,CAAEK,SAAUL,GAElB,OACE,yBAAKM,UAAU,iCAAiCC,KAAK,SACnD,wBAAID,UAAU,iCAAiCP,GAC/C,qCAAGO,UAAU,QAAWJ,IACvBD,GAAUA,EAAOO,OAChB,uBACEF,UAAU,wCACVG,KAAMR,EAAOQ,KACbC,aAAYT,EAAOU,WAElBV,EAAOO,W","file":"component---src-templates-sample-letter-sample-letter-js-71a30c1b55f35810f38a.js","sourcesContent":["import React from \"react\"\n\nimport PropTypes from \"prop-types\"\n\nimport \"./alert.scss\"\n\nexport const Alert = ({ title, description, button }) => {\n  const props =\n    typeof description === \"string\"\n      ? { dangerouslySetInnerHTML: { __html: description } }\n      : { children: description }\n\n  return (\n    <div className=\"alert alert-warning p-3 p-sm-4\" role=\"alert\">\n      <h2 className=\"alert-heading mb-2 h4 mb-sm-3\">{title}</h2>\n      <p className=\"mb-0\" {...props} />\n      {button && button.label && (\n        <a\n          className=\"btn btn-secondary mt-3 d-inline-block\"\n          href={button.href}\n          aria-label={button.ariaLabel}\n        >\n          {button.label}\n        </a>\n      )}\n    </div>\n  )\n}\n\nAlert.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  button: PropTypes.shape({\n    href: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n  }),\n}\n"],"sourceRoot":""}