import React from 'react';
import './style.less';

class DemoBlock extends React.Component {
  render() {
    const { card, title, children } = this.props;
    return (
      <div className='wgoo-doc-demo-block'>
        {title && <h2 className='wgoo-doc-demo-block__title'>{title}</h2>}
        {card ? <div className='wgoo-doc-demo-block__card'>{children}</div> : children}
      </div>
    );
  }
}

export default DemoBlock;