Passing variables into twig components
I forgot to post the solution: 

_hero-banner.twig


{% set defaults = {
    heroTitle : options.title is defined ? options.title : 'Title not set',
    titleColor : options.color is defined ? options.color : false,
    heroImage : options.image is defined ? options.image : null,
    heroClasses : options.classes is defined ? options.classes : null,
    heroButton : options.button is defined ? options.button: null
  }
%}

{# Options #}

{% set options = options is defined ? defaults|merge(options) : defaults %}

{# Variables #}

{% set imageMobile = {
    mode: 'crop',
    width: 640,
    height: 500,
    quality: 75,
    position: 'focus-point'
} %}

{# Output #}
 &lt;div class="row c-hero-banner" {% if defaults.heroImage %} style="background-image:url('{{ defaults.heroImage.one.getUrl(imageMobile) }}')" {% endif %}&gt;
  &lt;div class="container"&gt;
    &lt;div class="col-xs-12 col-lg-6"&gt;
      {# Display the entries #}
            &lt;h1 {% if defaults.titleColor %} class="t-text-white" {% endif %}&gt;{{ defaults.heroTitle }}&lt;/h1&gt;
            {% if defaults.heroButton %}
              {% include "components/_buttons.twig" with options %}
            {% endif %}
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;


I wasn't calling my variables properly...