/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'wiki-callout.css'"
Line 18:0 Unexpected "<"
Line 21:3 Unexpected "{"
Line 21:10 Expected ":"
Line 23:2 Unexpected "{"
Line 23:3 Expected identifier but found "%"
Line 31:0 Unexpected "<"
Line 33:1 Expected identifier but found "%"
... and 8 more hidden warnings

**/
{{ 'wiki-callout.css' | asset_url | stylesheet_tag }}

<div
  class="documentation-callout"
  style="--documentation-callout-width: {{ block.settings.desktop_width_percent }}%; --wiki-callout-label-font: {{ settings.type_subheading_font.family }}, sans-serif; --wiki-callout-body-font: {{ settings.type_body_font.family }}, sans-serif;"
  {{ block.shopify_attributes }}
>
  {% render 'wiki-callout',
    callout_type: block.settings.callout_type,
    callout_label_override: block.settings.custom_label,
    callout_body_html: block.settings.body,
    link_label: block.settings.link_label,
    link_url: block.settings.link_url,
    show_icon: block.settings.show_icon
  %}
</div>

{% stylesheet %}
  .documentation-callout {
    display: block;
    width: var(--documentation-callout-width, 100%);
    max-width: 100%;
    box-sizing: border-box;
  }

  @media screen and (max-width: 749px) {
    .documentation-callout {
      width: 100%;
    }
  }
{% endstylesheet %}

{% schema %}
{
  "name": "Documentation callout",
  "settings": [
    {
      "type": "header",
      "content": "Callout content"
    },
    {
      "type": "select",
      "id": "callout_type",
      "label": "Callout type",
      "options": [
        {
          "value": "hub",
          "label": "Hub Required"
        },
        {
          "value": "obs",
          "label": "OBS Required"
        },
        {
          "value": "account",
          "label": "Account Required"
        },
        {
          "value": "configuration",
          "label": "Configuration Required"
        },
        {
          "value": "see_also",
          "label": "See Also"
        },
        {
          "value": "important",
          "label": "Important"
        }
      ],
      "default": "hub"
    },
    {
      "type": "text",
      "id": "custom_label",
      "label": "Custom label"
    },
    {
      "type": "richtext",
      "id": "body",
      "label": "Body"
    },
    {
      "type": "checkbox",
      "id": "show_icon",
      "label": "Show decorative icon",
      "default": true
    },
    {
      "type": "header",
      "content": "Optional link"
    },
    {
      "type": "text",
      "id": "link_label",
      "label": "Link label"
    },
    {
      "type": "url",
      "id": "link_url",
      "label": "Link URL"
    },
    {
      "type": "range",
      "id": "desktop_width_percent",
      "label": "Desktop width",
      "min": 50,
      "max": 100,
      "step": 5,
      "unit": "%",
      "default": 100
    }
  ],
  "presets": [
    {
      "name": "Documentation callout"
    }
  ],
  "tag": null,
  "class": "documentation-callout-block"
}
{% endschema %}