import { customElement } from 'lit/decorators.js'
import Element from './internals/InvitationScreen.js'
import styles from './internals/InvitationScreen.styles.js'
import common from './internals/common.styles.js'
import typography from '../../styles/m3/typography.module.js'

import '@github/relative-time-element/relative-time/define'
import '../../md/progress/ui-progress.js'
import '../../md/button/ui-button.js'

@customElement('invitation-screen')
export class InvitationScreenElement extends Element {
  static override styles = [common, typography, styles]
}

declare global {
  interface HTMLElementTagNameMap {
    'invitation-screen': InvitationScreenElement
  }
}
