import type { CSSResultOrNative } from 'lit'
import { customElement } from 'lit/decorators.js'
import Element from './internals/DataCatalogTable.js'
import tableStyles from './DataTable.styles.js'
import styles from './internals/DataCatalog.styles.js'

import '../../md/date/ui-date-time.js'
import '../../md/button/ui-button.js'
import '../../md/icons/ui-icon.js'
import '../../md/listbox/ui-listbox.js'
import '../../md/list/ui-list-item.js'

@customElement('data-catalog-table')
export class DataCatalogTableElement extends Element {
  static override styles: CSSResultOrNative[] = [tableStyles, styles]
}

declare global {
  interface HTMLElementTagNameMap {
    'data-catalog-table': DataCatalogTableElement
  }
}
