import { customElement } from 'lit/decorators.js'
import Element from './internals/OrganizationCreateScreen.js'
import styles from './internals/OrganizationCreateScreen.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/button/ui-button.js'
import '../../md/text-field/ui-outlined-text-field.js'

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

declare global {
  interface HTMLElementTagNameMap {
    'organization-create-screen': OrganizationCreateScreenElement
  }
}
