{% stories filtercaption with { title: 'Components/Filter Caption' } %}

{% story default with {
    name: '1. Default Filter Caption',
    args: { 
      tag: 'media',
      classes: 'text-gray-600 italic',
      src: 'latest-update1.png',
      alt: 'Placeholder Image',
      width: '150',
      height: '150',
      caption: "This is a sample image with a caption."
    }
  } %}

  {% set attributes = create_attribute({
    src: src,
    alt: alt,
    width: width,
    height: height,
    'data-caption': caption
}) %}

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

  {% embed 'tailpine:filtercaption' with { 
      tag: tag,
      classes: classes,
      node: node,
      caption: caption
    } %}{% endembed %}

{% endstory %}

{% endstories %}
