import React from 'react';
import cx from 'classnames';

class CardPanel extends React.Component {
  render() {
    let classes = {
      'card-panel': true
    };
    let {className, children, ...props} = this.props;
    return (
      <div className={cx(classes, className)}>
        <span>{children}</span>
      </div>
    );
  }
}

export default CardPanel;

@@ -51,20 +51,20 @@
 mes';%0A%0Ac
-lass
+onst
  CardPan
@@ -70,53 +70,63 @@
 nel 
-extends React.Component %7B%0A  render() %7B%0A    le
+= (%7B%0A  className,%0A  children,%0A  ...props%0A%7D) =%3E %7B%0A  cons
 t cl
@@ -135,18 +135,16 @@
 ses = %7B%0A
-  
     'car
@@ -164,69 +164,12 @@
 e%0A  
- 
- 
 %7D;%0A
-    let %7BclassName, children, ...props%7D = this.props;%0A  
+%0A
   re
@@ -271,19 +271,13 @@
 iv%3E%0A
-  
   );%0A
-  %7D%0A
 %7D%0A%0Ae

Convert CardPanel to functional component