From b238ecd1fa8f768e56ee71787f229692b55db0a6 Mon Sep 17 00:00:00 2001
From: chang liu <3dslayer@gmail.com>
Date: Wed, 6 Feb 2019 00:22:32 +1100
Subject: [PATCH] [reactstrap] Update type of CustomInput label prop

---
 types/reactstrap/lib/CustomInput.d.ts | 2 +-
 types/reactstrap/reactstrap-tests.tsx | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/types/reactstrap/lib/CustomInput.d.ts b/types/reactstrap/lib/CustomInput.d.ts
index 8527c29455..5d0af9f5c8 100644
--- a/types/reactstrap/lib/CustomInput.d.ts
+++ b/types/reactstrap/lib/CustomInput.d.ts
@@ -10,7 +10,7 @@ export type CustomInputType =
 
 export type CustomInputProps<T = {}> = React.InputHTMLAttributes<HTMLInputElement> & {
   type: CustomInputType;
-  label?: string;
+  label?: React.ReactNode;
   inline?: boolean;
   bsSize?: 'lg' | 'sm';
   valid?: boolean;
diff --git a/types/reactstrap/reactstrap-tests.tsx b/types/reactstrap/reactstrap-tests.tsx
index f3678813de..67c24bce28 100644
--- a/types/reactstrap/reactstrap-tests.tsx
+++ b/types/reactstrap/reactstrap-tests.tsx
@@ -4112,7 +4112,8 @@ class Example119 extends React.Component<any, any> {
           <div>
             <CustomInput type="checkbox" id="exampleCustomCheckbox" label="Check this custom checkbox" />
             <CustomInput type="checkbox" id="exampleCustomCheckbox2" label="Or this one" />
-            <CustomInput type="checkbox" id="exampleCustomCheckbox3" label="But not this disabled one" disabled />
+            <CustomInput type="checkbox" id="exampleCustomCheckbox3" label={<span>Or this one</span>} />
+            <CustomInput type="checkbox" id="exampleCustomCheckbox4" label="But not this disabled one" disabled />
           </div>
         </FormGroup>
         <FormGroup>
@@ -4120,7 +4121,8 @@ class Example119 extends React.Component<any, any> {
           <div>
             <CustomInput type="radio" id="exampleCustomRadio" name="customRadio" label="Select this custom radio" />
             <CustomInput type="radio" id="exampleCustomRadio2" name="customRadio" label="Or this one" />
-            <CustomInput type="radio" id="exampleCustomRadio3" label="But not this disabled one" disabled />
+            <CustomInput type="radio" id="exampleCustomRadio3" name="customRadio" label={<span>Or this one</span>} />
+            <CustomInput type="radio" id="exampleCustomRadio4" label="But not this disabled one" disabled />
           </div>
         </FormGroup>
         <FormGroup>
@@ -4128,6 +4130,7 @@ class Example119 extends React.Component<any, any> {
           <div>
             <CustomInput type="checkbox" id="exampleCustomInline" label="An inline custom input" inline />
             <CustomInput type="checkbox" id="exampleCustomInline2" label="and another one" inline />
+            <CustomInput type="checkbox" id="exampleCustomInline3" label={<span>and this one</span>} inline />
           </div>
         </FormGroup>
         <FormGroup>
@@ -4181,6 +4184,7 @@ class Example119 extends React.Component<any, any> {
         <FormGroup>
           <Label for="exampleCustomFileBrowser">File Browser with Custom Label</Label>
           <CustomInput type="file" id="exampleCustomFileBrowser" name="customFile" label="Yo, pick a file!" />
+          <CustomInput type="file" id="exampleCustomFileBrowser1" name="customFile" label={<span>Yo, pick a file!</span>} />
         </FormGroup>
         <FormGroup>
           <Label for="exampleCustomFileBrowser">File Browser Disabled</Label>