From d5f685dcde6fb1b5c606b0dfe1752c1e773f0b9c Mon Sep 17 00:00:00 2001
From: Magdalena Markusik <madzia@magdalenas-macbook-pro.home>
Date: Wed, 30 Oct 2019 14:14:03 +0100
Subject: [PATCH] feat: add ability to change padding between FAB group items

---
 src/components/FAB/FABGroup.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/FAB/FABGroup.tsx b/src/components/FAB/FABGroup.tsx
index 23ea995ba8..bec0748fec 100644
--- a/src/components/FAB/FABGroup.tsx
+++ b/src/components/FAB/FABGroup.tsx
@@ -78,6 +78,10 @@ type Props = {
    * @optional
    */
   theme: Theme;
+  /**
+   * Space between FAB group items
+   */
+  itemMargin?: number;
 };
 
 type State = {
@@ -205,6 +209,7 @@ class FABGroup extends React.Component<Props, State> {
       style,
       fabStyle,
       visible,
+      itemMargin,
     } = this.props;
     const { colors } = theme;
 
@@ -250,7 +255,7 @@ class FABGroup extends React.Component<Props, State> {
             {actions.map((it, i) => (
               <View
                 key={i} // eslint-disable-line react/no-array-index-key
-                style={styles.item}
+                style={[styles.item, { marginBottom: itemMargin || 16 }]}
                 pointerEvents="box-none"
               >
                 {it.label && (
@@ -361,7 +366,6 @@ const styles = StyleSheet.create({
   },
   item: {
     marginHorizontal: 24,
-    marginBottom: 16,
     flexDirection: 'row',
     justifyContent: 'flex-end',
     alignItems: 'center',