Make padding-left optional on textinput

2022-05-17 23:05:45 +02:00
parent f1925347cb
commit c0fa1160ae
1 changed files with 6 additions and 3 deletions
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -1,10 +1,13 @@
-import styled from 'styled-components/native';
+import styled, { css } from 'styled-components/native';

-const Input = styled.TextInput`
+const Input = styled.TextInput<{ icon?: boolean }>`
    margin: 10px 0;
    border-radius: 8px;
    padding: 15px;
-    padding-left: 40px;
+
+    ${(props) => props.icon && css`
+        padding-left: 40px;
+    `}
 `;

 export default Input;