import React from 'react';

import { svgIcon } from '../svg/svgIcon';

export const SVGExample = (props: Parameters<typeof svgIcon>[0]) => (
  <>
    <div dangerouslySetInnerHTML={{ __html: svgIcon(props) }} />
    <pre style={{ whiteSpace: 'pre-wrap', overflowWrap: 'break-word' }}>{svgIcon(props)}</pre>
  </>
);