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

import '../md/icons/ui-icon.js'
import '../md/icon-button/ui-icon-button.js'
import '../md/tabs/ui-tabs.js'
import '../md/tabs/ui-tab.js'
import './api-modeling-access-configuration.js'
import './api-modeling-rate-limiting.js'

@customElement('api-create-action-editor')
export class ApiCreateActionEditorElement extends Element {
  static override styles: CSSResultOrNative[] = [...styles, typography]
}

declare global {
  interface HTMLElementTagNameMap {
    'api-create-action-editor': ApiCreateActionEditorElement
  }
}
