@mantine/code-highlight/cjs/CodeHighlight/CopyCodeButton/CopyCodeButton.cjs.map

Code highlight with Mantine theme

{"version":3,"file":"CopyCodeButton.cjs","names":["CodeHighlightControl","CopyIcon"],"sources":["../../../src/CodeHighlight/CopyCodeButton/CopyCodeButton.tsx"],"sourcesContent":["import { useClipboard } from '@mantine/hooks';\nimport { CodeHighlightControl } from '../CodeHighlightControl/CodeHighlightControl';\nimport { CopyIcon } from './CopyIcon';\n\ninterface CopyCodeButtonProps {\n  code: string;\n  copiedLabel?: string;\n  copyLabel?: string;\n}\n\nexport function CopyCodeButton({\n  code,\n  copyLabel = 'Copy',\n  copiedLabel = 'Copied',\n}: CopyCodeButtonProps) {\n  const clipboard = useClipboard();\n\n  return (\n    <CodeHighlightControl\n      onClick={() => clipboard.copy(code.trim())}\n      variant=\"none\"\n      tooltipLabel={clipboard.copied ? copiedLabel : copyLabel}\n      aria-label={clipboard.copied ? copiedLabel : `${copyLabel} code`}\n    >\n      <CopyIcon copied={clipboard.copied} />\n    </CodeHighlightControl>\n  );\n}\n\nCopyCodeButton.displayName = '@mantine/code-highlight/CopyCodeButton';\n"],"mappings":";;;;;;AAUA,SAAgB,eAAe,EAC7B,MACA,YAAY,QACZ,cAAc,YACQ;CACtB,MAAM,aAAA,GAAA,eAAA,cAAyB;CAE/B,OACE,iBAAA,GAAA,kBAAA,KAACA,6BAAAA,sBAAD;EACE,eAAe,UAAU,KAAK,KAAK,KAAK,CAAC;EACzC,SAAQ;EACR,cAAc,UAAU,SAAS,cAAc;EAC/C,cAAY,UAAU,SAAS,cAAc,GAAG,UAAU;YAE1D,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,UAAD,EAAU,QAAQ,UAAU,OAAS,CAAA;CACjB,CAAA;AAE1B;AAEA,eAAe,cAAc"}