import type { CSSResultOrNative } from 'lit'
import { customElement } from 'lit/decorators.js'
import Element from './internals/outlined-button.js'
import base from './internals/button-styles.js'
import styles from './internals/outlined-button.styles.js'

/**
 * @attrbite {string} form
 */
@customElement('ui-outlined-button')
export class UiOutlinedButtonElement extends Element {
  static override styles: CSSResultOrNative[] = [base, styles]
}

declare global {
  interface HTMLElementTagNameMap {
    'ui-outlined-button': UiOutlinedButtonElement
  }
}
