import React from 'react';
import PropTypes from 'prop-types';

const headerStyle = {
  fontSize: '20px',
  paddingRight: '20px'
};

const subHeaderStyle = {
  fontWeight: 'normal'
};

const CodeTesterHeader = ({ headerText, subHeaderText }) => (
  <ul className="editor-selection-panels">
    <li className="selection-panel">
      <span style={headerStyle}>{headerText}</span>
      <span style={subHeaderStyle}>{subHeaderText}</span>
    </li>
  </ul>
);

CodeTesterHeader.propTypes = {
  headerText: PropTypes.string,
  subHeaderText: PropTypes.string
};

export default CodeTesterHeader;
