{"version":3,"file":"Snippet.mjs","names":["Flexbox"],"sources":["../../src/Snippet/Snippet.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport Spotlight from '@/awesome/Spotlight';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';\n\nimport { styles, variants } from './style';\nimport { type SnippetProps } from './type';\n\nconst Snippet: FC<SnippetProps> = ({\n  ref,\n  prefix,\n  language = 'tsx',\n  children,\n  copyable = true,\n  variant = 'filled',\n  spotlight,\n  shadow,\n  className,\n  ...rest\n}) => {\n  const tirmedChildren = children.trim();\n\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(variants({ shadow, variant }), className)}\n      data-code-type=\"highlighter\"\n      gap={8}\n      ref={ref}\n      {...rest}\n    >\n      {spotlight && <Spotlight />}\n      <SyntaxHighlighter className={styles.hightlight} language={language}>\n        {[prefix, tirmedChildren].filter(Boolean).join(' ')}\n      </SyntaxHighlighter>\n      {copyable && <CopyButton content={tirmedChildren} size={'small'} />}\n    </Flexbox>\n  );\n};\n\nSnippet.displayName = 'Snippet';\n\nexport default Snippet;\n"],"mappings":";;;;;;;;;AAaA,MAAM,WAA6B,EACjC,KACA,QACA,WAAW,OACX,UACA,WAAW,MACX,UAAU,UACV,WACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,iBAAiB,SAAS,MAAM;AAEtC,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACf,KAAK;EACA;EACL,GAAI;YAPN;GASG,aAAa,oBAAC,WAAD,EAAa,CAAA;GAC3B,oBAAC,mBAAD;IAAmB,WAAW,OAAO;IAAsB;cACxD,CAAC,QAAQ,eAAe,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;IACjC,CAAA;GACnB,YAAY,oBAAC,YAAD;IAAY,SAAS;IAAgB,MAAM;IAAW,CAAA;GAC3D;;;AAId,QAAQ,cAAc"}