text: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  
  import classes from './BurgerIngredient.module.css'
  
  class BurgerIngredient extends Component {
    render() {
      let ingredient = null;
  
      switch (this.props.type) {
        case ('bread-bottom'): {
          ingredient = <div className={classes.BreadBottom}></div>
          break;
        }
        case ('bread-top'): {
          ingredient = (
            <div className={classes.BreadTop}>
              <div className={classes.Seeds1}></div>
              <div className={classes.Seeds2}></div>
            </div>
          )
          break;
        }
        case ('meat'): {
          ingredient = <div className={classes.Meat}></div>
          break;
        }
        case ('cheese'): {
          ingredient = <div className={classes.Cheese}></div>
          break;
        }
        case ('bacon'): {
          ingredient = <div className={classes.Bacon}></div>
          break;
        }
        case ('salad'): {
          ingredient = <div className={classes.Salad}></div>
          break;
        }
        default: {
          ingredient = null
        }
      }
  
      return ingredient;
    }
  }
  
  BurgerIngredient.propTypes = {
    type: PropTypes.string.isRequired,
  }
  
  export default BurgerIngredient;