import { html } from '@design.estate/dees-element';

export const demo = () => html`
  <style>
    .demo-container {
      padding: 48px;
      background: hsl(240 10% 4%);
      min-height: 300px;
      display: flex;
      justify-content: center;
    }
  </style>
  <div class="demo-container">
    <eco-applauncher-powermenu
      open
      @power-action=${(e: CustomEvent) => console.log('Power action:', e.detail.action)}
      @menu-close=${() => console.log('Menu closed')}
    ></eco-applauncher-powermenu>
  </div>
`;
