changed to named export

Author: VirtualParticle

README.md

@@ -2,12 +2,22 @@
 
 A highly customizable React toggle slider component.
 
+## Installation
+
+Install using NPM:
+
+`npm install react-toggle-slider`
+
+Or install using Yarn:
+
+`yarn add react-toggle-slider`
+
 ## Usage
 
 To add the component, simply import `ToggleSlider` and use it in your app.
 
 ```tsx
-import ToggleSlider from "react-toggle-slider";
+import { ToggleSlider }  from "react-toggle-slider";
 
 function App() {
     return (
@@ -61,7 +71,7 @@ similar to represent the status on the page.
 
 ```tsx
 
-import ToggleSlider from "react-toggle-slider";
+import { ToggleSlider }  from "react-toggle-slider";
 
 function App() {
 

example/src/App.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import ToggleSlider from "react-toggle-slider";
+import { ToggleSlider } from "react-toggle-slider";
 
 function App() {
     return (

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-toggle-slider",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "author": {
     "email": "markvadeika@gmail.com",
     "name": "Mark Vadeika"

src/index.tsx

@@ -125,7 +125,7 @@ function ToggleSlider({
     );
 }
 
-export function useToggleSlider(props?: ToggleSliderProps) {
+function useToggleSlider(props?: ToggleSliderProps) {
 
     const [activeState, setActiveState] = useState(props?.active ?? false);
 
@@ -137,4 +137,4 @@ export function useToggleSlider(props?: ToggleSliderProps) {
 
 }
 
-export default ToggleSlider;
+export { ToggleSlider, useToggleSlider };