Help with custom WAB DrawBox

RoySP

This should be pretty simple but I know I am missing something. My custom DrawBox does not load on my widget. The widget just shows the loading icon

I want to basically modify the DrawBox dijit to use in a custom widget. More specifically, all I want is to show just 3 drawing options. Point, Line and Polygon.

I am testing this widget in the Demo Widgets app and my custom widget is in widgets/samplewidgets

I copied DrawBox.html and DrawBox.js into MyWidget folder

I have it all setup but the widget wont load. Here's my Widget.html

<div>
    <label>${nls.selectParcelsLabel}</label>
    <br>
      <!-- <div data-dojo-attach-point="drawBox" data-dojo-type="jimu/dijit/DrawBox" data-dojo-props='types:["point","polyline","polygon"],showClear:false' style="margin-top:5px;"></div> -->
    <div data-dojo-attach-point="drawBox" data-dojo-type="widgets/samplewidgets/MyWidget/DrawBox" data-dojo-props='types:["point","polyline","polygon"],showClear:false' style="margin-top:5px;"></div>
    <br>
    <div class="jimu-btn clear-btn" data-dojo-attach-event="onclick:_onBtnClearClicked">${nls.clearButton}</div>
</div>