{% stories field with { title: 'Components/Fields/Field' } %}

{% story default with {
  name: '1. Default Field',
  args: {
    field_name: 'field_text',
    field_type: 'text',
    label: 'Example Field',
    label_display: 'above',
    label_hidden: false,
    items: [
      { content: 'Field item 1' },
      { content: 'Field item 2' }
    ]
  }
} %}

  {% embed 'tailpine:field' with {
    label: label,
    items: items,
    field_name: field_name,
    field_type: field_type,
    label_hidden: label_hidden,
    label_display: label_display
  } %}{% endembed %}
{% endstory %}

{% story inline_label with {
  name: '2. Inline Label',
  args: {
    field_name: 'field_text',
    field_type: 'text',
    label: 'Example Field',
    label_display: 'inline',
    label_hidden: false,
    items: [
      { content: 'Field item 3' },
      { content: 'Field item 4' }
    ]
  }
} %}
  {% embed 'tailpine:field' with {
    label: label,
    items: items,
    field_name: field_name,
    field_type: field_type,
    label_hidden: label_hidden,
    label_display: label_display
  } %}{% endembed %}
{% endstory %}

{% story visually_hidden with {
  name: '3. Hidden',
  args: {
    field_name: 'field_text',
    field_type: 'text',
    label: 'Example Field',
    label_display: 'hidden',
    label_hidden: false,
    items: [
      { content: 'Field item 5' },
      { content: 'Field item 6' }
    ]
  }
} %}
  {% embed 'tailpine:field' with {
    label: label,
    items: items,
    field_name: field_name,
    field_type: field_type,
    label_hidden: label_hidden,
    label_display: label_display
  } %}{% endembed %}
{% endstory %}
{% endstories %}