fix: provide default value for variant

Author: andreypopp

src/__tests__/fixtures/complex-selector.js

@@ -1,28 +1,28 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label;
   return React.createElement("div", { ...props, className
   });
 }
 export function Hint({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Hint;
   return React.createElement("div", { ...props, className
   });
 }
 export function Paragraph({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Paragraph;
   return React.createElement("div", { ...props, className
   });
 }
 export function X({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.X + (variant.hover ? ' ' + styles.X__hover : '');
   return React.createElement("div", { ...props, className

src/__tests__/fixtures/custom-base.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label;
   return React.createElement("span", { ...props, className

src/__tests__/fixtures/custom-variant-complex.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label + (variant.important ? ' ' + styles.Label__important : '') + (variant.shadow ? ' ' + styles.Label__shadow : '');
   return React.createElement("div", { ...props, className

src/__tests__/fixtures/custom-variant-pseudo.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label + (variant.custom ? ' ' + styles.Label__custom : '');
   return React.createElement("div", { ...props, className

src/__tests__/fixtures/custom-variant.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label + (variant.important ? ' ' + styles.Label__important : '');
   return React.createElement("div", { ...props, className

src/__tests__/fixtures/imported-base-named.js

@@ -2,7 +2,7 @@ import React from "react";
 import styles from "css";
 import { Label as Label__Base } from "lib";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label;
   return React.createElement(Label__Base, { ...props, className

src/__tests__/fixtures/imported-base.js

@@ -2,7 +2,7 @@ import React from "react";
 import styles from "css";
 import { default as Label__Base } from "somelib/Label";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label;
   return React.createElement(Label__Base, { ...props, className

src/__tests__/fixtures/only-pseudo.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label + (variant.hover ? ' ' + styles.Label__hover : '');
   return React.createElement("div", { ...props, className

src/__tests__/fixtures/prop-condition.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label + (props.level == 1 && props.level < 1 ? ' ' + styles.Label__prop__fe61dd : '') + (props.mode[0] == 1 ? ' ' + styles.Label__prop__7fceb6 : '') + (props.callback() ? ' ' + styles.Label__prop__d033ce : '') + (props.indicies.some(x => x.ok) ? ' ' + styles.Label__prop__29d2fe : '');
   return React.createElement("div", { ...props, className

src/__tests__/fixtures/separate-pseduo.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label + (variant.hover ? ' ' + styles.Label__hover : '');
   return React.createElement("div", { ...props, className

src/__tests__/fixtures/simple.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label;
   return React.createElement("div", { ...props, className

src/__tests__/fixtures/within-media.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "css";
 export function Label({
-  variant,
+  variant = {},
   ...props }) {
   let className = styles.Label;
   return React.createElement("div", { ...props, className

src/index.js

@@ -315,7 +315,7 @@ function renderToJS(source: string, config: RenderConfig): string {
         }
       }
       statements.push(stmt`
-        export function ${identifier(componentName)}({variant, ...props}) {
+        export function ${identifier(componentName)}({variant = {}, ...props}) {
           let className = ${className};
           return React.createElement(
             ${component.base},