import React, { Component } from 'react';
import PropTypes from 'prop-types';
import styles from './question.css';

class Question extends Component {
  render() {
    return (
      <div className={styles.accordionSingle}>
        <input className={styles.accordionSingleHidden} type="checkbox" id={this.props.q} />
        <label className={styles.accordionSingleQuestion} htmlFor={this.props.q}> {this.props.q}</label>
        { // eslint-disable-next-line
          <p className={styles.accordionSingleAnswer} dangerouslySetInnerHTML={{ __html: this.props.a }} />
        }
      </div>
    );
  }
}

Question.propTypes = {
  q: PropTypes.string.isRequired,
  a: PropTypes.string.isRequired
};

export default Question;

@@ -9,23 +9,8 @@
 eact
-, %7B Component %7D
  fro
@@ -20,16 +20,16 @@
 react';%0A
+
 import P
@@ -95,20 +95,20 @@
 css';%0A%0Ac
-lass
+onst
  Questio
@@ -113,43 +113,18 @@
 ion 
-extends Component %7B%0A  render() %7B%0A  
+= () =%3E %7B%0A
   re
@@ -130,18 +130,16 @@
 eturn (%0A
-  
     %3Cdiv
@@ -175,18 +175,16 @@
 ingle%7D%3E%0A
-  
       %3Ci
@@ -262,26 +262,24 @@
 props.q%7D /%3E%0A
-  
       %3Clabel
@@ -375,18 +375,16 @@
 %3E%0A      
-  
 %7B // esl
@@ -405,18 +405,16 @@
 xt-line%0A
-  
         
@@ -521,14 +521,10 @@
     
-  %7D%0A  
+%7D%0A
     
@@ -536,17 +536,11 @@
 %3E%0A  
- 
- 
 );%0A
-  %7D%0A
 %7D%0A%0AQ

convert question to SFC