{"version":3,"file":"MermaidFallback.mjs","names":["Flexbox"],"sources":["../../../src/Mermaid/SyntaxMermaid/MermaidFallback.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport { type SyntaxMermaidProps } from '../type';\n\ninterface MermaidFallbackProps {\n  children: string;\n  className?: string;\n  message: string;\n  style?: SyntaxMermaidProps['style'];\n}\n\nconst MermaidFallback = memo<MermaidFallbackProps>(({ children, className, message, style }) => (\n  <div className={className} style={style}>\n    <Flexbox gap={8} padding={16}>\n      <Text fontSize={12} type={'secondary'}>\n        {message}\n      </Text>\n      <Text\n        code\n        as={'pre'}\n        fontSize={12}\n        style={{ margin: 0, overflowX: 'auto', whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}\n      >\n        {children}\n      </Text>\n    </Flexbox>\n  </div>\n));\n\nMermaidFallback.displayName = 'MermaidFallback';\n\nexport default MermaidFallback;\n"],"mappings":";;;;;;AAgBA,MAAM,kBAAkB,MAA4B,EAAE,UAAU,WAAW,SAAS,YAClF,oBAAC,OAAD;CAAgB;CAAkB;CAChC,UAAA,qBAACA,mBAAD;EAAS,KAAK;EAAG,SAAS;EAA1B,UAAA,CACE,oBAAC,MAAD;GAAM,UAAU;GAAI,MAAM;GACvB,UAAA;EACG,CAAA,GACN,oBAAC,MAAD;GACE,MAAA;GACA,IAAI;GACJ,UAAU;GACV,OAAO;IAAE,QAAQ;IAAG,WAAW;IAAQ,YAAY;IAAY,WAAW;GAAa;GAEtF;EACG,CAAA,CACC;;AACN,CAAA,CACN;AAED,gBAAgB,cAAc"}