import React, { Component } from 'react';
import CharacterSlider from './components/CharacterSlider';
import styles from './styles/app.scss';

export default class App extends Component {
  render() {
    return (
      <CharacterSlider />
    );
  }
}

@@ -187,32 +187,539 @@
 %7B%0A  
-render() %7B%0A    return (%0A
+constructor(props) %7B%0A    super(props);%0A    this.state = %7B%0A      active: 'Hairstyles'%0A    %7D;%0A  %7D%0A  render() %7B%0A    return (%0A      %3Cdiv%3E%0A        %3Cul%3E%0A          %7B%5B'Hairstyles', 'Eyes', 'Mouth', 'Beards', 'Clothes', 'Accessories'%5D.map((item, index) =%3E %7B%0A            if (this.state.active === item) %7B%0A              return (%3Cli key=%7Bindex%7D className=%22active%22%3E%7Bitem%7D%3C/li%3E);%0A            %7D else %7B%0A              return (%3Cli key=%7Bindex%7D onClick=%7B() =%3E this.setState(%7B active: item %7D)%7D%3E%7Bitem%7D%3C/li%3E);%0A            %7D%0A          %7D)%7D%0A        %3C/ul%3E%0A  
     
@@ -740,16 +740,29 @@
 ider /%3E%0A
+      %3C/div%3E%0A
     );%0A 

Add menu