Shaddow -> Shadow

Author: singingwolfboy

README.md

@@ -51,15 +51,15 @@ import ScrollShadow from 'react-scroll-shadow';
 # Api 📚
 
 ```ts
-interface ShaddowColors {
+interface ShadowColors {
   inactive: string;
   active: string;
 }
 
 interface Props {
   height?: string;
-  bottomShadowColors?: ShaddowColors;
-  topShadowColors?: ShaddowColors;
+  bottomShadowColors?: ShadowColors;
+  topShadowColors?: ShadowColors;
   shadowSize?: number;
 }
 ```

example/app.tsx

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import {Component, ReactNode, ChangeEvent} from 'react';
 import GHCorner from 'react-gh-corner';
-import ScrollShadow, { ShaddowColors } from '../src';
+import ScrollShadow, { ShadowColors } from '../src';
 import {ShadowSize, Title, ScrollWrapper, Item, AppWrapper, AppHeader, AppFooter, ColorWrapper, ColorsWrapper} from './styled';
 
 interface AppProps {
 
 }
 
 interface ShadowPosition {
-  bottomShadowColors: ShaddowColors;
-  topShadowColors: ShaddowColors;
+  bottomShadowColors: ShadowColors;
+  topShadowColors: ShadowColors;
 }
 
 type AppState = ShadowPosition & {
@@ -38,9 +38,9 @@ export default class App extends Component<AppProps, AppState> {
     shadowSize: 2
   };
 
-  onColorChange = (position: keyof ShadowPosition, property: keyof ShaddowColors) => (e: ChangeEvent<HTMLInputElement>) => {
+  onColorChange = (position: keyof ShadowPosition, property: keyof ShadowColors) => (e: ChangeEvent<HTMLInputElement>) => {
     const color = e.target.value;
-    const shadowColors: ShaddowColors = {
+    const shadowColors: ShadowColors = {
       ...this.state[position],
       [property]: color
     };

src/scroll-shadow.tsx

@@ -2,15 +2,15 @@ import * as React from 'react';
 import {Component} from 'react';
 import {ScrollableContent, ScrollableWrapper} from './styled';
 
-export interface ShaddowColors {
+export interface ShadowColors {
   inactive: string;
   active: string;
 }
 
 export interface ScrollShadowProps {
   height?: string;
-  bottomShadowColors?: ShaddowColors;
-  topShadowColors?: ShaddowColors;
+  bottomShadowColors?: ShadowColors;
+  topShadowColors?: ShadowColors;
   shadowSize?: number;
 }