fix: creates form for user media preferences

assets/components/brock.js

@@ -0,0 +1,25 @@
+export default class Brock extends HTMLElement {
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        this.render();
+    }
+
+    render() {
+        this.innerHTML = `
+            Yo, yo, yo! Waddup ${this.name}, doe, it's Brocky fresh!
+        `;
+    }
+
+    // attribute change
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue) return;
+        this[ property ] = newValue;
+        this.render();
+    }
+
+    static get observedAttributes() {
+        return ['name'];
+    }
+}