import type { CSSResultOrNative } from 'lit'
import { customElement } from 'lit/decorators.js'
import Element from './internals/FilesystemDataTable.js'
import tableStyles from './DataTable.styles.js'
import fsStyles from './internals/Filesystem.styles.js'
import typography from '../../styles/m3/typography.module.js'

import '../user/ui-user-avatar.js'
import '../../md/icon-button/ui-icon-button.js'
import '../../md/icons/ui-icon.js'
import '../../md/divider/ui-divider.js'
import '../../md/menu/ui-menu.js'
import '../../md/menu/ui-menu-item.js'

@customElement('filesystem-table')
export class FilesystemDataElement extends Element {
  static override styles: CSSResultOrNative[] = [tableStyles, fsStyles, typography]
}

declare global {
  interface HTMLElementTagNameMap {
    'filesystem-table': FilesystemDataElement
  }
}
