{% stories file_managed with { title: 'Components/File Managed File' } %}

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


{% set attributes = create_attribute().addClass(['form-file']) %}
    {% set element %}
      {% embed 'tailpine:input' with {
        type: "file",
        name: "files[upload]",
        label: "Add file",
        label_display: "before",
        description: {"content": "One file only. 100 MB limit. Allowed types: png gif jpg jpeg webp."},
        description_display: "after",
        attributes: attributes
      } only %}
      {% endembed %}
    {% endset %}
    {% embed 'tailpine:file-managed' with { element: element } %}{% endembed %}

  {% endstory %}

{% endstories %}
