<reponame>SaeifEdd/Plant-Village-Dataset<filename>_site/week13/corg/prepIdyll/components/custom-component.js<gh_stars>0const React = require('react');

class CustomComponent extends React.Component {
  render() {
    const { hasError, idyll, updateProps, ...props } = this.props;
    return (
      <div {...props}>
        <svg
          width={300}
          height={50}
          style={{ display: 'block', margin: '20px auto', background: 'white' }}
        >
          <rect width={50} height={50} y={0} x={25} fill={'#ddd'} />
          <circle cx={50} cy={25} r={15} x={25} fill={'#000'} />
          <rect width={50} height={50} y={0} x={125} fill={'#ddd'} />
          <circle cx={150} cy={25} r={15} x={25} fill={'#000'} />
          <rect width={50} height={50} y={0} x={225} fill={'#ddd'} />
          <circle cx={250} cy={25} r={15} x={25} fill={'#000'} />
        </svg>
      </div>
    );
  }
}

module.exports = CustomComponent;
