14 lines
406 B
React
14 lines
406 B
React
|
import React from "react";
|
||
|
|
import Instructions from "./Instructions";
|
||
|
|
import IngredientsList from "./IngredientsList";
|
||
|
|
|
||
|
|
export default function Recipe({ name, ingredients, steps }) {
|
||
|
|
return (
|
||
|
|
<section id={name.toLowerCase().replace(/ /g, "-")}>
|
||
|
|
<h1>{name}</h1>
|
||
|
|
<IngredientsList list={ingredients} />
|
||
|
|
<Instructions title='Cooking Instructions' steps={steps} />
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
}
|