{"size": 638, "ext": "js", "max_stars_repo_path": "FCCProjects/data-vis/recipe-box/app/components/RecipeBox.js", "max_stars_repo_name": "ziggysauce/React-Apps", "max_stars_repo_stars_event_min_datetime": "2018-02-09T09:56:13.000Z", "max_stars_repo_stars_event_max_datetime": "2020-12-17T15:46:54.000Z", "max_issues_repo_path": "FCCProjects/data-vis/recipe-box/app/components/RecipeBox.js", "max_issues_repo_name": "ziggysauce/React-Apps", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "FCCProjects/data-vis/recipe-box/app/components/RecipeBox.js", "max_forks_repo_name": "ziggysauce/React-Apps", "max_forks_repo_forks_event_min_datetime": "2018-01-31T10:10:15.000Z", "max_forks_repo_forks_event_max_datetime": "2021-01-04T20:12:44.000Z"}
{"max_stars_count": 4, "max_issues_count": null, "max_forks_count": 5, "avg_line_length": 27.7391304348, "max_line_length": 66, "alphanum_fraction": 0.6567398119}
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import styles from '../styles/recipebox.scss';
import Card from './Card';

class RecipeBox extends Component {
  render() {
		return (
      <div className="recipe-box-container">
        <Card 
          recipes={this.props.recipes}
          ingredients={this.props.ingredients}
          modal={this.props.modal}
          handleShowIngredients={this.props.handleShowIngredients}
          handleEditRecipe={this.props.handleEditRecipe}
          handleDeleteRecipe={this.props.handleDeleteRecipe}
        />
      </div>
		);
  }
}

export default RecipeBox;