{% stories forms with { title: 'Atoms/Forms' } %}
  {% story select with {
    name: 'Select',
  } %}
    {% set options = [
      {
        label: 'Select an option',
        type: 'option',
        value: 'false',
      },
      {
        label: 'Option 1',
        type: 'option',
        value: 'Option-1',
      },
      {
        label: 'Option 2',
        type: 'option',
        value: 'Option-2',
      },
      {
        label: 'Option 3',
        type: 'option',
        value: 'Option-3',
      },
      {
        label: 'Option 4',
        type: 'option',
        value: 'Option-4',
      },
      {
        label: 'Option 5',
        type: 'option',
        value: 'Option-5',
      }
    ] %}
    <form>
      {% set children %}
        {% embed "@rocketship-theme-starter-atoms/05-forms/form-element/form-element.html.twig" with {
          type: 'select',
        } %}
          {% block form_element_content %}
            {% include "@rocketship-theme-starter-atoms/05-forms/form-label/form-element-label.html.twig" with {
              title: 'Select',
              attributes: create_attribute({ for: 'select' }),
            } %}
            {% include "@rocketship-theme-starter-atoms/05-forms/select/select.html.twig" with {
              attributes: create_attribute({ id: 'select' }),
              options,
            } %}
          {% endblock form_element_content %}
        {% endembed %}
      {% endset %}

      {% include "@rocketship-theme-starter-atoms/05-forms/radio/radios.html.twig" with {
        children,
      } %}
    </form>
  {% endstory %}
{% endstories %}
