From 8c2e9c286c871e23a02e1946d55fb7089952dd19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bruno=20Mart=C3=ADnez?= <bmartinezg@minsait.com>
Date: Tue, 10 Aug 2021 14:05:16 +0200
Subject: [PATCH] bottom border color prop and option of no remove items
 selected

---
 lib/index.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/lib/index.js b/lib/index.js
index 665fba2..6d2e629 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -27,6 +27,7 @@ function SelectBox({
   multiListEmptyLabelStyle,
   listEmptyLabelStyle,
   selectedItemStyle,
+  removeItemsSelected,
   listEmptyText = 'No results found',
   ...props
 }) {
@@ -112,14 +113,18 @@ function SelectBox({
     const kMultiOptionsLabelStyle = {
       fontSize: 10,
       color: '#fff',
+      padding: 4,
+      marginRight: 5,
       ...multiOptionsLabelStyle,
     }
+
     return (
       <View style={kMultiOptionContainerStyle}>
         <Text style={kMultiOptionsLabelStyle}>{label.item}</Text>
-        <TouchableOpacity style={{ marginLeft: 15 }} hitSlop={hitSlop} onPress={onPressItem()}>
-          <Icon name="closeCircle" fill="#fff" width={21} height={21} />
-        </TouchableOpacity>
+        { removeItemsSelected ?
+          <TouchableOpacity hitSlop={hitSlop} onPress={onPressItem()}>
+            <Icon name="closeCircle" fill="#fff" width={21} height={21} />
+          </TouchableOpacity> : null }
       </View>
     )
 
@@ -140,6 +145,7 @@ function SelectBox({
     arrowIconColor = Colors.primary,
     searchIconColor = Colors.primary,
     toggleIconColor = Colors.primary,
+    bottomBarColor ='#ddd',
     searchInputProps,
     multiSelectInputFieldProps,
     listOptionProps = {},
@@ -188,7 +194,7 @@ function SelectBox({
   const kContainerStyle = {
     flexDirection: 'row',
     width: '100%',
-    borderColor: '#ddd',
+    borderColor: bottomBarColor,
     borderBottomWidth: 1,
     paddingTop: 6,
     paddingRight: 20,