import type { CSSResultOrNative } from 'lit'
import { customElement } from 'lit/decorators.js'
import Element from './internals/MentionTextArea.js'
import styles from './internals/MentionTextArea.styles.js'

@customElement('mention-textarea')
export class MentionTextAreaElement extends Element {
  static override styles: CSSResultOrNative[] = [styles]
}

declare global {
  interface HTMLElementTagNameMap {
    'mention-textarea': MentionTextAreaElement
  }
}

export default MentionTextAreaElement
export type { MentionSuggestion, MentionInsertEvent, MentionRemoveEvent } from './internals/MentionTextArea.js'
