21 lines
553 B
JavaScript
21 lines
553 B
JavaScript
import classes from "./MealItem.module.css"
|
|
import MealItemForm from "./MealItemForm"
|
|
|
|
function MealItem(props) {
|
|
const price = `$${props.price.toFixed(2)}`
|
|
return (
|
|
<li className={classes.meal}>
|
|
<div>
|
|
<h3>{props.name}</h3>
|
|
<div className={classes.description}>{props.description}</div>
|
|
<div className={classes.price}>{price}</div>
|
|
</div>
|
|
<div>
|
|
<MealItemForm id={props.id}/>
|
|
</div>
|
|
</li>
|
|
)
|
|
}
|
|
|
|
export default MealItem
|