{"version":3,"file":"CopyCodeButton.cjs","sources":["../../../src/CodeHighlight/CopyCodeButton/CopyCodeButton.tsx"],"sourcesContent":["import { useClipboard } from '@empoleon/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(props: CopyCodeButtonProps) {\n  const clipboard = useClipboard();\n\n  return (\n    <CodeHighlightControl\n      onClick={() => clipboard.copy(props.code.trim())}\n      variant=\"none\"\n      tooltipLabel={clipboard.copied() ? props.copiedLabel : props.copyLabel}\n    >\n      <CopyIcon copied={clipboard.copied()} />\n    </CodeHighlightControl>\n  );\n}\n\nCopyCodeButton.displayName = '@empoleon/code-highlight/CopyCodeButton';\n"],"names":["CopyCodeButton","props","clipboard","useClipboard","_$createComponent","CodeHighlightControl","onClick","copy","code","trim","variant","tooltipLabel","copied","copiedLabel","copyLabel","children","CopyIcon","displayName"],"mappings":";;;;;;;AAUO,SAASA,eAAeC,KAAA,EAA4B;AACzD,EAAA,MAAMC,YAAYC,kBAAA,EAAa;EAE/B,OAAAC,mBAAA,CACGC,yCAAA,EAAA;AACCC,IAAAA,SAASA,MAAMJ,SAAA,CAAUK,KAAKN,KAAA,CAAMO,IAAA,CAAKC,MAAM,CAAA;IAC/CC,OAAA,EAAA,MAAA;AAAA,IAAA,IACAC;aAAcT,SAAA,CAAUU,MAAA,EAAO,GAAIX,KAAA,CAAMY,cAAcZ,KAAA,CAAMa,SAAA;AAAA,IAAA,CAAA;AAAA,IAAA,IAAAC,QAAAA,GAAA;MAAA,OAAAX,mBAAA,CAE5DY,iBAAA,EAAA;AAAA,QAAA,IAASJ,MAAAA,GAAA;AAAA,UAAA,OAAQV,SAAA,CAAUU,MAAA;;;;;AAGlC;AAEAZ,cAAA,CAAeiB,WAAA,GAAc,yCAAA;;;;"}