bagas89/edusync-dashboard-student-faculty-manager

1class SimpleHeader extends HTMLElement {2    connectedCallback() {3        this.attachShadow({ mode: 'open' });4        this.shadowRoot.innerHTML = `5            <style>6                header {7                    background: white;8                    padding: 1rem;9                    box-shadow: 0 1px 3px rgba(0,0,0,0.1);10                }11                .logo {12                    font-weight: bold;13                    color: #4f46e5;14                }15            </style>16            <header>17                <div class="logo">EduSync</div>18            </header>19        `;20    }21}22customElements.define('simple-header', SimpleHeader);