{% stories media with { title: 'Components/media' } %}

{% story default with {
    name: 'media',
    args: { 
      media: 'media'
    }
  } %}


{% set attributes = create_attribute() %}
{% set bundle =  "image" %}
{% set isPublished = false %}
{% set view_mode = "default" %}


{% set attribute = create_attribute({
    src: 'latest-update1.png',
    alt: 'latest image',
    width: '200',
    height: '200',
}) %}


{% set image %}
   {% embed 'tailpine:image' with { attributes: attribute, style_name: 'medium'
  } %}{% endembed %}
{% endset %}

{% set content %}
    {% embed 'tailpine:field' with {
      field_name: 'field_media_image',
      field_type: 'image',
      label: 'Image',
      label_display: 'hidden',
      label_hidden: true,
      items: [
        { content: image }
      ]
    } 
  %}{% endembed %}
{% endset %}



{% embed 'tailpine:media' with { attributes: attributes, bundle: bundle, isPublished: isPublished, view_mode: view_mode, content: content   } %}
{% block  media %}

 {% endblock %}
{% endembed %}
{% endstory %}
{% endstories %}