{"version":3,"file":"index.js","names":["useModal","XIcon","useTranslation","baseClass","CloseModalButton","slug","className","closeModal","t","_jsx","filter","Boolean","join","onClick","type"],"sources":["../../../src/elements/CloseModalButton/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'close-modal-button'\n\nexport function CloseModalButton({ slug, className }: { className?: string; slug: string }) {\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:close')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      key=\"close-button\"\n      onClick={() => {\n        closeModal(slug)\n      }}\n      type=\"button\"\n    >\n      <XIcon />\n    </button>\n  )\n}\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ;AAEzB,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,iBAAiB;EAAEC,IAAI;EAAEC;AAAS,CAAwC;EACxF,MAAM;IAAEC;EAAU,CAAE,GAAGP,QAAA;EACvB,MAAM;IAAEQ;EAAC,CAAE,GAAGN,cAAA;EAEd,oBACEO,IAAA,CAAC;IACC,cAAYD,CAAA,CAAE;IACdF,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAEvDC,OAAA,EAASA,CAAA;MACPN,UAAA,CAAWF,IAAA;IACb;IACAS,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACR,KAAA;KANG;AASV","ignoreList":[]}