1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-04 23:14:56 +01:00
metamask-extension/ui/components/app/snaps/snap-ui-markdown/snap-ui-markdown.js

33 lines
733 B
JavaScript
Raw Normal View History

import React from 'react';
import PropTypes from 'prop-types';
import ReactMarkdown from 'react-markdown';
import {
TypographyVariant,
OVERFLOW_WRAP,
} from '../../../../helpers/constants/design-system';
import Typography from '../../../ui/typography/typography';
const Paragraph = (props) => (
<Typography
{...props}
variant={TypographyVariant.H6}
className="snap-ui-markdown__text"
overflowWrap={OVERFLOW_WRAP.BREAK_WORD}
/>
);
export const SnapUIMarkdown = ({ children }) => {
return (
<ReactMarkdown
allowedElements={['p', 'strong', 'em']}
components={{ p: Paragraph }}
>
{children}
</ReactMarkdown>
);
};
SnapUIMarkdown.propTypes = {
children: PropTypes.string,
};