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

@customElement('ui-breadcrumbs')
export class BreadcrumbsElement extends Element {
  static override styles: CSSResultOrNative[] = [styles, layout]
}

declare global {
  interface HTMLElementTagNameMap {
    'ui-breadcrumbs': BreadcrumbsElement
  }
}
