From f51f6afdba071769c1c326e89ae6a654bd48da2f Mon Sep 17 00:00:00 2001
From: Hein Rutjes <hrutjes@gmail.com>
Date: Wed, 2 Aug 2023 13:40:55 +0200
Subject: [PATCH 1/3] add buttonContainerStyle prop

---
 index.js                   | 14 +++++++++++++-
 react-native-pin-view.d.ts |  1 +
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/index.js b/index.js
index e7b3ce0..7d86dcc 100644
--- a/index.js
+++ b/index.js
@@ -13,6 +13,7 @@ const ViewButton = ({
   accessibilityLabel,
   disabled,
   customTextStyle,
+  customContainerStyle,
 }) => {
   return (
     <TouchableOpacity
@@ -21,7 +22,7 @@ const ViewButton = ({
       accessibilityLabel={customComponent !== undefined ? accessibilityLabel : text}
       activeOpacity={activeOpacity}
       disabled={disabled}
-      style={PinViewStyle.buttonContainer}
+      style={[PinViewStyle.buttonContainer, customContainerStyle]}
       onPress={onButtonPress}>
       <View
         style={[
@@ -108,6 +109,7 @@ const PinView = React.forwardRef(
       buttonSize,
       buttonViewStyle,
       buttonTextStyle,
+      buttonContainerStyle,
       inputViewEmptyStyle,
       inputViewFilledStyle,
       showInputText,
@@ -181,6 +183,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.one}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           <ViewButton
             disabled={disabled}
@@ -191,6 +194,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.two}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           <ViewButton
             disabled={disabled}
@@ -201,6 +205,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.three}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           <ViewButton
             disabled={disabled}
@@ -211,6 +216,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.four}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           <ViewButton
             disabled={disabled}
@@ -221,6 +227,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.five}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           <ViewButton
             disabled={disabled}
@@ -231,6 +238,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.six}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           <ViewButton
             disabled={disabled}
@@ -241,6 +249,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.seven}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           <ViewButton
             disabled={disabled}
@@ -251,6 +260,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.eight}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           <ViewButton
             disabled={disabled}
@@ -261,6 +271,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.nine}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
           />
           {customLeftButton ? (
             <ViewButton
@@ -284,6 +295,7 @@ const PinView = React.forwardRef(
             text={buttonTextByKey.zero}
             customTextStyle={buttonTextStyle}
             customViewStyle={buttonViewStyle}
+            customContainerStyle={buttonContainerStyle}
             buttonSize={buttonSize}
           />
           {customRightButton ? (
diff --git a/react-native-pin-view.d.ts b/react-native-pin-view.d.ts
index 4f94b7a..2f236ed 100755
--- a/react-native-pin-view.d.ts
+++ b/react-native-pin-view.d.ts
@@ -28,6 +28,7 @@ declare module "react-native-pin-view" {
         inputViewEmptyStyle?: ViewStyle
         buttonViewStyle?: ViewStyle
         buttonAreaStyle ?: ViewStyle
+        buttonContainerStyle?: ViewStyle
         inputViewFilledStyle?: ViewStyle
 
         inputTextStyle?: TextStyle

From 2f2219c9c3694a4e665483b661c8ead8269b9558 Mon Sep 17 00:00:00 2001
From: Hein Rutjes <hrutjes@gmail.com>
Date: Wed, 2 Aug 2023 13:41:24 +0200
Subject: [PATCH 2/3] fix customLeftButtonSize prop not used

---
 index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.js b/index.js
index 7d86dcc..8ab5e76 100644
--- a/index.js
+++ b/index.js
@@ -282,7 +282,7 @@ const PinView = React.forwardRef(
               onButtonPress={() => onButtonPress("custom_left")}
               customViewStyle={customLeftButtonViewStyle}
               customComponent={customLeftButton}
-              buttonSize={customRightButtonSize ? customRightButtonSize : buttonSize}
+              buttonSize={customLeftButtonSize ? customLeftButtonSize : buttonSize}
             />
           ) : (
             <ViewHolder />

From 693bcf1e428a8455473ed718604f4632e0fdaf39 Mon Sep 17 00:00:00 2001
From: Hein Rutjes <hrutjes@gmail.com>
Date: Wed, 2 Aug 2023 13:43:46 +0200
Subject: [PATCH 3/3] add buttonContainerStyle to readme

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 1ff7662..6e5475d 100755
--- a/README.md
+++ b/README.md
@@ -48,6 +48,7 @@ import PinView from 'react-native-pin-view';
 |inputAreaStyle                 |ViewStyle          |`{ marginVertical: 12 }`                                                                                | No         |
 |inputViewStyle                 |ViewStyle          |-                                                                                                       | No         |
 |inputViewEmptyStyle            |ViewStyle          |-                                                                                                       | No         |
+|buttonContainerStyle           |ViewStyle          |-                                                                                                       | No         |
 |buttonViewStyle                |ViewStyle          |-                                                                                                       | No         |
 |buttonAreaStyle                |ViewStyle          |`{ marginVertical: 12 }`                                                                                | No         |
 |inputViewFilledStyle           |ViewStyle          |-                                                                                                       | No         |