import { css, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
import { elementBase } from '../styles/lit/base.css.js';

@customElement('menu-divider')
export class MenuDivider extends LitElement {
	static override styles = [
		elementBase,
		css`
			:host {
				display: block;
				height: 0;
				margin: var(--gl-space-6);
				border-top: var(--gl-border-width) solid var(--vscode-menu-separatorBackground);
			}
		`,
	];
}

declare global {
	interface HTMLElementTagNameMap {
		'menu-divider': MenuDivider;
	}
}
