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

import '../md/divider/ui-divider.js'
import '../md/icons/ui-icon.js'
import '../md/button/ui-button.js'
import '../md/icon-button/ui-icon-button.js'
import '../elements/search-input/search-input.js'

@customElement('domain-navigation')
export class DomainNavigationElement extends Element {
  static override styles = [styles, typography]
}

declare global {
  interface HTMLElementTagNameMap {
    'domain-navigation': DomainNavigationElement
  }
}

export type { DomainDragDropEventDetail, DomainMultiSelectionEventDetail } from './internals/DomainNavigation.js'
