title: Styles in MatSnackBar open from component
body: <p>I'm looking for a way to do the following: to show notifications, I want to implement a custom SnackBar. I followed the official doc (<a href="https://material.angular.io/components/snack-bar/overview" rel="nofollow noreferrer">here</a>) and I created a simple Snackbar, with some custom configuration. </p>
  
  <pre><code>this.snackBar.open('Message one', 'OK', configSuccess);
  
  export const configSuccess: MatSnackBarConfig = {
    panelClass: 'style-success',
    duration: 10000,
    horizontalPosition: 'left',
    verticalPosition: 'bottom'
  };
  </code></pre>
  
  <p>This works fine, but I want a different display in my SnackBar (specifically send data and display two buttons). Following the docs, I create a component and open my SnackBar from it :</p>
  
  <pre><code>/*...*/    
  this.snackBar.openFromComponent(SnackbarMessageComponent, {
                data: 'Message one',
              });
  /*...*/
  
  @Component({
    selector: 'app-snackbar-message',
    templateUrl: './snackbar-message.component.html',
    styleUrls: ['./snackbar-message.component.scss']
  })
  export class SnackbarMessageComponent implements OnInit {
  
    constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any) { }
  
    ngOnInit() {
    }
  </code></pre>
  
  <p>All ok, but now I have a problem. I want to pass to this new SnackBar the config that I defined before (<code>config Success</code> for example), but in the official docs and Google I didn't find anything. </p>
  
  <p>Is there any way to do it without having to define it globally? Can someone guide me or tell me where to go? Thanks in advance!</p>