Add Popup Component

src/app/components/popup/popup.html

@@ -0,0 +1,13 @@
+<header class="popup-header">
+  <div class="header-left">
+    <ng-content select="[header-left]"></ng-content>
+  </div>
+
+  <div class="header-right">
+    <button class="material-symbols-outlined icon-24 chevron" (click)="onClose()">close</button>
+  </div>
+</header>
+
+<div class="popup-body">
+  <ng-content></ng-content>
+</div>

src/app/components/popup/popup.ts

@@ -0,0 +1,16 @@
+import { Component, input, model, output } from '@angular/core';
+import { Dropdown } from '../../components/dropdown/dropdown';
+import { Switch } from '../../components/switch/switch';
+
+@Component({
+  selector: 'popup',
+  templateUrl: './popup.html',
+  styleUrl: './popup.scss',
+})
+export class PopupComponent {
+  close = output<void>();
+
+  onClose() {
+    this.close.emit()
+  }
+}