/* eslint-disable react/forbid-prop-types */
/* eslint-disable react/static-property-placement */
/* eslint-disable react/prefer-stateless-function */
import React from 'react';
import classnames from 'classnames';
import PropTypes from 'prop-types';

import './style/index.scss';

const { Component } = React;

export default class Demo extends Component {
  static displayName = 'ewt-demo';

  static propTypes = {
    children: PropTypes.any,
    prefixCls: PropTypes.string,
    style: PropTypes.object,
    className: PropTypes.string,
  };

  static defaultProps = {
    children: '',
    prefixCls: 'ewt-demo',
    style: {},
    className: '',
  };

  render() {
    const {
      prefixCls,
      children,
      style,
      className,
    } = this.props;

    return (
      <div
        className={classnames({ [`${prefixCls}`]: true }, { [className]: !!className })}
        style={style}
      >
        <div className={`${prefixCls}-content`}>
          {children}
        </div>
      </div>
    );
  }
}