{% set themeId = theme.fileSlug or page.fileSlug %}

<wa-scoped class="theme-icon-host theme-typography-icon-host">
  <template>
    <link rel="stylesheet" href="/dist/styles/native/content.css">
    <link rel="stylesheet" href="/dist/styles/native/blockquote.css">
    <link rel="stylesheet" href="/dist/styles/themes/{{ page.fileSlug or 'default' }}.css">
    <link rel="stylesheet" href="/dist/styles/themes/{{ themeId }}/typography.css">
    <link rel="stylesheet" href="/assets/styles/theme-icons.css">

    <div class="theme-icon theme-typography-icon wa-theme-{{ themeId }}" data-no-outline data-no-anchor role="presentation">
      <h3>Title</h3>
      <p>Body text</p>
    </div>
  </template>
</wa-scoped>
