import {
  DeesElement,
  TemplateResult,
  property,
  customElement,
  html,
  css,
  cssManager,
} from '@design.estate/dees-element';

@customElement('lele-appui-appbar')
export class DeapAppBar extends DeesElement {
  public static demo = () => html`<lele-appui-appbar></lele-appui-appbar>`;

  public static styles = [
    cssManager.defaultStyles,
    css`
      :host {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        height: 32px;
        border-bottom: 1px solid #202020;
        background: #000000;
      }
    `,
  ];

  // INSTANCE
  public render(): TemplateResult {
    return html`
      
    `;
  }
}