shadow divider component usage in canvas

src/app/canvas/canvas.component.html

   </kendo-menu>
   <kendo-icon [name]="'photo-camera'" [size]="'medium'"></kendo-icon>
 
-  <hr> 
+  <bkp-divider-text>some text</bkp-divider-text>
+  <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>
+  <bkp-divider><kendo-icon [name]="'sum'"> </kendo-icon> &nbsp; Pending
+  Payments</bkp-divider>
+  
   <kendo-chart>
     <kendo-chart-title text="Units sold"></kendo-chart-title>
 

src/app/dashboard/dashboard.component.html

 <div class="container outer">
   <div class="container inner">
-    <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>
+    <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>  
     <bkp-divider>
       <kendo-icon [name]="'ascx'" >  </kendo-icon> &nbsp; Daily summary 
     </bkp-divider>
     </div>
     
     <bkp-divider-shadow-bottom></bkp-divider-shadow-bottom>  
-    <bkp-divider-text> some text </bkp-divider-text>
   </div>
 </div>