NewFolder Component

app/components/modal/base.hbs

@@ -9,8 +9,15 @@
         {{yield}}
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-        <button type="button" class="btn btn-primary">{{@actionTitle}}</button>
+        <button
+          type="button"
+          class="btn btn-secondary"
+          data-bs-dismiss="modal">Cancel
+        </button>
+        <button
+          type="button"
+          class="btn btn-primary"
+          {{on "click" @onSubmit}}>{{@actionTitle}}</button>
       </div>
     </div>
   </div>

app/components/modal/new_folder.hbs

 <Modal::Base
   @title="Create Folder"
   @actionTitle="Create"
+  @onSubmit={{this.onSubmit}}
   ...attributes
 >
   <label for="folder-title" class="form-label">Folder title:</label>

app/components/modal/new_folder.js

+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+
+export default class NewFolderComponent extends Component {
+  @tracked title = '';
+
+  @action
+  onSubmit() {
+    console.log(`title ${this.title}`);
+  }
+}

app/templates/authenticated/index.hbs

@@ -14,4 +14,5 @@
 
 Documents and Folders will be displayed here!
 
-<Modal::NewFolder id="new-folder"/>
\ No newline at end of file
+<Modal::NewFolder
+  id="new-folder" />
\ No newline at end of file