Instructor: we have two buttons. One is written using SCSS, and the other one is CSS-in-JS. Let's have a look at these button size mixin. We pass null arguments in here. Let's have a look at this mixin in order to understand why we can do it.
Here we have our CSS-in-JS button. Here is the mixin function code. Like in SCSS, we are not passing any arguments in here. Let's have a look at the mixin function. Here is our function declaration. Here is our properties. Here are the arguments.
The default object is needed because we cannot destructure undefined. This syntax is called "destructuring." We are taking these properties from the passed object and create local variables in this function.
Here we define the default value for each variable. Now if you want to pass just one specific argument, we can do it using an object. All other properties will receive a default value...