{"version":3,"file":"Image.mjs","names":["LobeImage"],"sources":["../../../src/mdx/mdxComponents/Image.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nimport LobeImage, { type ImageProps as LobeImageProps } from '@/Image';\n\nexport type ImageProps = LobeImageProps;\nconst Image: FC<ImageProps> = ({ style, alt = 'img', ...rest }) => {\n  return (\n    <LobeImage\n      alt={alt}\n      style={{\n        borderRadius: 'calc(var(--lobe-markdown-border-radius) * 1px)',\n        marginBlock: 'calc(var(--lobe-markdown-margin-multiple) * 1em)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nImage.displayName = 'MdxImage';\n\nexport default Image;\n"],"mappings":";;;;AAOA,MAAM,SAAyB,EAAE,OAAO,MAAM,OAAO,GAAG,WAAW;AACjE,QACE,oBAACA,SAAD;EACO;EACL,OAAO;GACL,cAAc;GACd,aAAa;GACb,GAAG;GACJ;EACD,GAAI;EACJ,CAAA;;AAIN,MAAM,cAAc"}