import React, { Component } from "react";
import { Col } from "reactstrap";

class StoryIcon extends Component {
  render() {
    return (
      <Col xs={2} md={4} className="text-center">
        {this.props.children}
      </Col>
    );
  }
}

export default StoryIcon;

@@ -9,23 +9,8 @@
 eact
-, %7B Component %7D
  fro
@@ -20,16 +20,16 @@
 react%22;%0A
+
 import %7B
@@ -56,20 +56,20 @@
 rap%22;%0A%0Ac
-lass
+onst
  StoryIc
@@ -75,43 +75,21 @@
 con 
-extends Component %7B%0A  render()
+= props =%3E
  %7B%0A
-  
   re
@@ -95,18 +95,16 @@
 eturn (%0A
-  
     %3CCol
@@ -147,22 +147,15 @@
 r%22%3E%0A
-  
       %7B
-this.
 prop
@@ -166,18 +166,16 @@
 ildren%7D%0A
-  
     %3C/Co
@@ -181,20 +181,15 @@
 ol%3E%0A
-  
   );%0A
-  %7D%0A
 %7D
+;
 %0A%0Aex

convert StoryIcon to functional component