import { WrapperRecipeCard, RecipeName, ImageRecipe } from "./styles/recipeCard"

const RecipeCard = (props) => {
    let recipe = props.recipe
    return (
        <WrapperRecipeCard to={"/recipes/"+recipe._id}>
            {recipe.image && <ImageRecipe source={recipe.image} />}
            <RecipeName>{recipe.name}</RecipeName>
        </WrapperRecipeCard>
    )
}

export default RecipeCard