{% stories filter_guidelines with { title: 'Components/Filter guidelines' } %}

{% story default with {
    name: 'Default',
    args: {
      format: [
        {
          id: 'item--restricted-html',
          label: 'Restricted HTML'
        }
      ]
    }
  } %}

  

{% set tips %}
  {% embed 'tailpine:filter-tips' with {
    multiple: false,
    long: true,
    tips: [
    {
      name: 'Basic HTML',
      list: [
        { id: 'bold', tip: 'Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>' },
        { id: 'italic', tip: 'Lines and paragraphs break automatically.' },
        { id: '', tip: 'Web page addresses and email addresses turn into links automatically.' }
      ]
    }
  ]
  } %}{% endembed %}
{% endset %}
  
{% embed 'tailpine:filter-guidelines' with { format: format[0], tips: tips } %}{% endembed %}

{% endstory %}

{% endstories %}