{{!
  // widget_header_tmpl.html
  // - 위젯 상단 영역 - widget title, widget link
  // @update date: 2024.05.10
  // @author: GTGF, DANU
}}

<div class="mb-{{wset.header.margin_mobile}} flex flex-col items-start gap-4 lg:mb-{{wset.header.margin}} lg:flex-row lg:items-end lg:justify-between">

  {{! 위젯 타이틀}}
  {{#ifCond wset.header.title.main.text '||' wset.header.title.sub.text}}
    <div>

      {{! 메인 타이틀}}
      {{#ifCond wset.header.title.main.use '==' 'on'}}
        <p class="text-{{wset.header.title.main.size_mobile}} font-{{wset.header.title.main.weight}} text-{{wset.header.title.main.color}} tracking-tight leading-snug lg:text-{{wset.header.title.main.size}} lg:leading-snug" 
          style="word-break:keep-all;">
          {{{wset.header.title.main.text}}}
        </p>
      {{/ifCond}}

      {{! 서브 타이틀}}
      {{#ifCond wset.header.title.sub.use '==' 'on'}}
        <p class="mt-1 text-{{wset.header.title.sub.size_mobile}} font-{{wset.header.title.sub.weight}} text-{{wset.header.title.sub.color}} tracking-tight lg:text-{{wset.header.title.sub.size}} lg:leading-snug" 
          style="word-break:keep-all;">
          {{{wset.header.title.sub.text}}}
        </p>
      {{/ifCond}}

    </div>
  {{/ifCond}}

  {{! 위젯 링크}}
  {{#ifCond wset.header.link.use '==' 'on'}}
    <a href="{{#if wset.header.link.url}}{{wset.header.link.url}}{{else}}#{{/if}}" 
      class="flex-none group flex items-center gap-1 text-sm font-bold text-gray-600 tracking-tight lg:text-sm hover:text-theme-500">
      <span>{{wset.header.link.text}}</span>
      <svg class="stroke-current text-gray-400 group-hover:text-theme-500" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
      </svg>
    </a>
  {{/ifCond}}

</div>