From 359a6932015bf2eedeafae84eb761ad00aa799fa Mon Sep 17 00:00:00 2001
From: Muhammad Sammy <themsammy@outlook.com>
Date: Mon, 22 Jun 2020 18:29:08 +0200
Subject: [PATCH] feat: add flexGrow types from theme

---
 src/generation/ClassesGenerator.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/generation/ClassesGenerator.ts b/src/generation/ClassesGenerator.ts
index 6d9c5a39..a76ad558 100644
--- a/src/generation/ClassesGenerator.ts
+++ b/src/generation/ClassesGenerator.ts
@@ -9,6 +9,7 @@ import { Borders as defaultBorders } from '../classes/Borders';
 import { Effects as defaultEffects } from '../classes/Effects';
 import { FlexBox as defaultFlexBox } from '../classes/Flexbox';
 import isEmpty from 'lodash.isempty';
+import { defaultThemeConfig } from './utils/defaultTailwindConfig';
 
 export class ClassesGenerator implements IClassesGenerator {
   private readonly configScanner: ConfigScanner;
@@ -83,7 +84,14 @@ export class ClassesGenerator implements IClassesGenerator {
   };
 
   public flexBox = (): string => {
-    const FlexBox = defaultFlexBox;
+    const FlexBox = {
+      ...defaultFlexBox,
+      flexGrow: Object.keys(
+        isEmpty(this.configScanner.themeConfig.flexGrow)
+          ? defaultThemeConfig.flexGrow
+          : (this.configScanner.themeConfig.flexGrow as { [key: string]: string }),
+      ).map(value => 'flex-grow' + (value === 'default' ? '' : `-${value}`)),
+    };
 
     this.allGeneratedClasses.FlexBox = FlexBox;