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

import '../../md/icons/ui-icon.js'
import '../../md/focus-ring/ui-focus-ring.js'

@customElement('search-input')
export class SearchInputElement extends Element {
  static override styles = [styles, typography]
}

declare global {
  interface HTMLElementTagNameMap {
    'search-input': SearchInputElement
  }
}
