<div class="flex">
  <h1 class="app-main-title">{{ translate('Calendar') }} > {{ translate('Share') }}</h1>
  {% if viewParams.settingsSaved %}
    <div class="badge badge-info text-sm ml-4">{{ translate('Settings saved.') }}</div>
  {% endif %}
</div>

<hblreact-calendar-share-table
  int:record-id="{{ viewParams.recordId }}"
  configs='{{viewParams.calendarConfigs|json_encode|raw}}'
></hblreact-calendar-share-table>