<template>
  <div :label="$t('settings.notifications')">
    <div class="setting-item">
      <h2>{{ $t('settings.notification_setting_filters') }}</h2>
      <p>
        <Checkbox v-model="notificationSettings.block_from_strangers">
          {{ $t('settings.notification_setting_block_from_strangers') }}
        </Checkbox>
      </p>
    </div>

    <div class="setting-item">
      <h2>{{ $t('settings.notification_setting_privacy') }}</h2>
      <p>
        <Checkbox v-model="notificationSettings.hide_notification_contents">
          {{ $t('settings.notification_setting_hide_notification_contents') }}
        </Checkbox>
      </p>
    </div>
    <div class="setting-item">
      <p>{{ $t('settings.notification_mutes') }}</p>
      <p>{{ $t('settings.notification_blocks') }}</p>
      <button
        class="btn button-default"
        @click="updateNotificationSettings"
      >
        {{ $t('settings.save') }}
      </button>
    </div>
  </div>
</template>

<script src="./notifications_tab.js"></script>
<!-- <style lang="scss" src="./profile.scss"></style> -->
