text: import React from "react";
  import { Mutation } from "react-apollo";
  import Button from "../Button/Button";
  import { GET_CART, ADD_TO_CART, GET_CART_TOTAL } from "../../constants";
  
  const AddToCartButton = ({ productId }) => (
    <Mutation
      mutation={ADD_TO_CART}
      refetchQueries={[{ query: GET_CART }, { query: GET_CART_TOTAL }]}
    >
      {(addToCart) => (
        <Button
          onClick={() => addToCart({ variables: { productId } })}
        >{`+ Add to cart`}</Button>
      )}
    </Mutation>
  );
  
  export default AddToCartButton;
  