title: How to customize mat-paginator in angular material
body: <p>I want to customize mat-paginator .By default i am getting paginator like this which have given in below link
  <a href="https://material.angular.io/components/paginator/overview" rel="noreferrer">https://material.angular.io/components/paginator/overview</a>.
  But i want pagination like below image .
  How can i do this using <strong>mat-paginator</strong></p>
  
  <p><a href="https://i.stack.imgur.com/2pMdA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2pMdA.png" alt="enter image description here"></a></p>
  
  <p>Can anyone please help me with this.</p>