newCivilization(Name: String!, Description: String!): Civilization!

type Civilization {
    Id: Int
    Name: String!
    Description: String!
}

const CIV_MUT = gql`
      mutation CivilizationAdd($Name: String!, $Description: String!) {
        newCivilization(Name:$Name, Description:$Description) {
          Id
        }
      }`

import React, { Component } from 'react'
    import { Mutation } from "react-apollo"
    import { gql } from "apollo-boost"
    import { Button } from 'react-bootstrap'

    class CivilizationAdd extends Component {
    const civName = this.props.civ.civName, civDesc = this.props.civ.civDesc

    render(){
    return (
      <Mutation mutation={CIV_MUT} variables={{ Name: civName, Description: civDesc }}>
            {(postMutation) => {
              return (
                <Button onClick={postMutation}>Guardar</Button>
              )
            }
            }
          </Mutation>)
    )
    }