From 2a424964a5fcf51c2eb1854ae9bcbb17639651fe Mon Sep 17 00:00:00 2001
From: Shreyas Jani <shreyas.jani@gmail.com>
Date: Sun, 11 Sep 2022 19:03:30 +0530
Subject: [PATCH] fix imports

---
 README.md        | 30 +++++++++++++++---------------
 src/lib/index.ts |  4 ++--
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 9af9add..33c1cbc 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 
-# Svelte Otp 
+# Svelte Otp
 
 [![Build Status](https://app.travis-ci.com/shubhadip/svelte-otp.svg?branch=main)](https://app.travis-ci.com/shubhadip/svelte-otp)
 
@@ -7,7 +7,7 @@
 
 [![Netlify Status](https://api.netlify.com/api/v1/badges/01cc3b58-429a-41d5-b1d4-f96641a3245f/deploy-status)](https://app.netlify.com/sites/svelte-otp/deploys)
 
-A Otp Component that can be used with Svelte. 
+A Otp Component that can be used with Svelte.
 
 # Install
 ``` bash
@@ -28,10 +28,10 @@ To view a demo online: <https://svelte-otp.netlify.app/>
 To view demo examples locally clone the repo and run `npm install && npm run dev`
 
 ``` javascript
-import SvelteOtp from 'svelte-otp';
+import OtpInput from 'svelte-otp';
 
-// main 
-<SvelteOtp	
+// main
+<OtpInput
     separator="-"
     placeholder="0000"
     ...
@@ -41,7 +41,7 @@ import SvelteOtp from 'svelte-otp';
 ## Usage
 
 ``` html
-<SvelteOtp	
+<OtpInput
 		separator="-"
 		placeholder="0000"
         ...
@@ -51,23 +51,23 @@ import SvelteOtp from 'svelte-otp';
 ***numberOfInputs* prop**
 
 ``` html
-    <SvelteOtp numberOfInputs={6} />
+    <OtpInput numberOfInputs={6} />
 ```
 ***numberOfInputs* along with *separator*prop**
 ``` html
-<SvelteOtp numberOfInputs={4} separator="-"  />
+<OtpInput numberOfInputs={4} separator="-"  />
 ```
 **Using *numberOfInputs*, *separator* and *placeholder* props**
 ``` html
-<SvelteOtp separator="-" placeholder="******" numberOfInputs={6}  />
+<OtpInput separator="-" placeholder="******" numberOfInputs={6}  />
 ```
 **Masking Input**
 ``` html
-<SvelteOtp separator="-" placeholder="****" numberOfInputs={4} maskInput={true} />
+<OtpInput separator="-" placeholder="****" numberOfInputs={4} maskInput={true} />
 ```
 **Change Focus on Input/Delete**
 ``` html
-<SvelteOtp 
+<OtpInput
 	...
 	autoFocusNextOnInput={true}
 	focusPreviousOnDelete={true}
@@ -77,11 +77,11 @@ import SvelteOtp from 'svelte-otp';
 ```html
     let otpInstance: {getValue: () => void};
     function handleClick() {
-        console.log('value on click', 
+        console.log('value on click',
             otpInstance?.getValue());
     }
 	...
-<SvelteOtp 
+<OtpInput
 		...
 		bind:this={otpInstance}
 	/>
@@ -95,7 +95,7 @@ function callbackFunction(event: CustomEvent) {
 function handlePrefill() {
     value = '123456';
 }
-<SvelteOtp
+<OtpInput
 		...
         bind:initialValue={value}
 		on:notify={callbackFunction}
@@ -111,7 +111,7 @@ function callbackFunction(event: CustomEvent) {
     console.log('emittedValue', event.detail);
 }
 
-<SvelteOtp
+<OtpInput
 		...
 		on:notify={callbackFunction}
 		...
diff --git a/src/lib/index.ts b/src/lib/index.ts
index bd5a50d..0d1165e 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -1,3 +1,3 @@
-import SvelteOtp from "./Index.svelte";
+import OtpInput from './Index.svelte';
 
-export default SvelteOtp;
\ No newline at end of file
+export default OtpInput;