import type { CSSResultOrNative } from 'lit'
import { customElement } from 'lit/decorators.js'
import Element from './internals/ShareFile.js'
import styles from './internals/ShareFile.styles.js'
import typography from '../../styles/m3/typography.module.js'

import '../autocomplete/autocomplete-input.js'
import '../user/ui-user-avatar.js'
import '../../md/listbox/ui-listbox.js'
import '../../md/list/ui-list.js'
import '../../md/list/ui-list-item.js'
import '../../md/chip/ui-chip.js'
import '../../md/select/ui-select.js'
import '../../md/select/ui-option.js'
import '../../md/divider/ui-divider.js'

@customElement('share-file')
export class ShareFileElement extends Element {
  static override styles: CSSResultOrNative[] = [styles, typography]
}

declare global {
  interface HTMLElementTagNameMap {
    'share-file': ShareFileElement
  }
}
