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

import '../../md/progress/ui-progress.js'
import '../../md/select/ui-select.js'
import '../../md/select/ui-option.js'
import '../../md/button/ui-button.js'

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

declare global {
  interface HTMLElementTagNameMap {
    'organization-selection-screen': OrganizationSelectionScreenElement
  }
}
