import '../components/profile-component'

import { css, html } from 'lit'
import { customElement } from 'lit/decorators.js'

import { i18next, localize } from '@operato/i18n'
import { PageView } from '@operato/shell'
import { ScrollbarStyles } from '@operato/styles'

@customElement('auth-profile')
export class AuthProfile extends localize(i18next)(PageView) {
  static styles = [
    ScrollbarStyles,
    css`
      :host {
        display: block;
        background-color: var(--md-sys-color-background);
        overflow-y: auto;
      }
    `
  ]

  get context() {
    return {
      title: i18next.t('text.auth profile')
    }
  }

  render() {
    return html` <profile-component></profile-component> `
  }
}
