import React from 'react';
import PropTypes from 'prop-types';
import { SyntaxHighlighter } from '@storybook/components';

// XXX: is this a bug? should it be (props) => ?
const Code = ({ language, code }) => (
  <SyntaxHighlighter bordered copyable language={language}>
    {code}
  </SyntaxHighlighter>
);
Code.propTypes = {
  language: PropTypes.string.isRequired,
  code: PropTypes.string.isRequired,
};

export { Code };

export function Blockquote({ children }) {
  const style = {
    fontSize: '1.88em',
    fontFamily: 'Menlo, Monaco, "Courier New", monospace',
    borderLeft: '8px solid #fafafa',
    padding: '1rem',
  };
  return <blockquote style={style}>{children}</blockquote>;
}

Blockquote.propTypes = { children: PropTypes.node };
Blockquote.defaultProps = { children: null };

export { default as Pre } from './pre/pre';

import React from 'react';
import PropTypes from 'prop-types';
import { SyntaxHighlighter } from '@storybook/components';

const Code = ({ language, code }) => (
  <SyntaxHighlighter bordered copyable language={language}>
    {code}
  </SyntaxHighlighter>
);
Code.propTypes = {
  language: PropTypes.string.isRequired,
  code: PropTypes.string.isRequired,
};

export { Code };

export function Blockquote({ children }) {
  const style = {
    fontSize: '1.88em',
    fontFamily: 'Menlo, Monaco, "Courier New", monospace',
    borderLeft: '8px solid #fafafa',
    padding: '1rem',
  };
  return <blockquote style={style}>{children}</blockquote>;
}

Blockquote.propTypes = { children: PropTypes.node };
Blockquote.defaultProps = { children: null };

export { default as Pre } from './pre/pre';

REMOVE unnecessary comment, bug is fixed
REMOVE unnecessary comment, bug is fixed
