/**
 * Copyright Aquera Inc 2023
 *
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.
 */

import { html, CSSResultArray, TemplateResult } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { styles } from './nile-app-shell-main.css';
import NileElement from '../internal/nile-element';

/**
 * @summary The shell's centre region — the page body; declares the size query container that page CSS sizes against.
 *
 * @status stable
 * @since 2.0
 *
 * @tag nile-app-shell-main
 *
 * @dependency nile-app-shell
 *
 * @slot - The page body.
 *
 * @attr no-container - Drops the query container, so page content can escape to the viewport.
 */
@customElement('nile-app-shell-main')
export class NileAppShellMain extends NileElement {
  public static get styles(): CSSResultArray {
    return [styles];
  }

  /** Drops the size query container. */
  @property({ type: Boolean, reflect: true, attribute: 'no-container' })
  noContainer: boolean = false;

  public render(): TemplateResult {
    return html`<slot></slot>`;
  }
}

export default NileAppShellMain;

declare global {
  interface HTMLElementTagNameMap {
    'nile-app-shell-main': NileAppShellMain;
  }
}