From 62da6eda45a026a61871791123864ae716b78bbe Mon Sep 17 00:00:00 2001
From: I Made Setia Baruna <setia.baruna@sprintasia.co.id>
Date: Sat, 24 Oct 2020 00:36:12 +0700
Subject: [PATCH] Add input component

---
 src/components/Input.svelte | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/components/Input.svelte

diff --git a/src/components/Input.svelte b/src/components/Input.svelte
new file mode 100644
index 00000000..32f886b6
--- /dev/null
+++ b/src/components/Input.svelte
@@ -0,0 +1,19 @@
+<script>
+  import Icon from './Icon.svelte';
+
+  export let icon;
+  export let placeholder;
+
+  export let value = '';
+</script>
+
+<div
+  class="flex flex-1 relative items-center bg-item rounded-2xl h-14 focus-within:border-primary border-2 border-transparent ease-in duration-100">
+  {#if icon}
+    <Icon path={icon} color="white" className="absolute ml-4 w-6 h-6" />
+  {/if}
+  <input
+    {placeholder}
+    bind:value
+    class="w-full pl-12 pr-4 text-white placeholder-gray-500 leading-none bg-transparent border-none focus:outline-none" />
+</div>