From 74588dcd1aaefcfe9c54b960d9cfb985f2104591 Mon Sep 17 00:00:00 2001
From: Jeroen Offerijns <jeroen@offerijns.com>
Date: Fri, 25 Sep 2020 09:42:11 +0200
Subject: [PATCH] feat: make limit lable editable

---
 packages/token-input/src/TokenInput.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/token-input/src/TokenInput.tsx b/packages/token-input/src/TokenInput.tsx
index 3dc05c8..dacddd7 100644
--- a/packages/token-input/src/TokenInput.tsx
+++ b/packages/token-input/src/TokenInput.tsx
@@ -21,6 +21,7 @@ import {
 
 interface Props {
   label?: string
+  limitLabel?: string
   value: string
   onChange: (newValue: string) => void
   token: keyof typeof tokens | TokenSpec
@@ -95,7 +96,9 @@ export const TokenInput: React.FunctionComponent<Props> = (props: Props) => {
 
       {props.maxValue && (
         <Limit>
-          <LimitText>Limit: {maxValue}</LimitText>
+          <LimitText>
+            {props.limitLabel || 'Limit'}: {maxValue}
+          </LimitText>
           <LimitAction onClick={setMax}>Set max</LimitAction>
         </Limit>
       )}