Merge pull request #1296 from inplayer-org/ch/add-classname-for-external-styles-in-switch-comp

Ch/add classname for external styles in switch component

Author: Jasminna

CHANGELOG.md

@@ -1,9 +1,12 @@
 # Change Log
 
 All notable changes to this project will be documented in this file.
+# [2.5.3] - 23-02-2021
 
-# [2.5.3] - 25-02-2021
+### Change
 
+- Add missing className for Switch component in order to externaly style it with styled-components
+  
 ### Fixes
 
 - Daypicker moment type error

src/components/Switch/Switch.tsx

@@ -10,6 +10,7 @@ type SwitchProps = {
   id: string;
   label: string;
   onChange: (checked: boolean) => void;
+  className?: string;
 };
 
 const MarginLeftLabel = styled(Label)`
@@ -66,15 +67,15 @@ const Slider = styled.span`
   }
 `;
 
-const Switch = ({ id, checked, label, disabled = false, onChange }: SwitchProps) => {
+const Switch = ({ id, checked, label, disabled = false, onChange, className }: SwitchProps) => {
   const onToggleChange = (e: ChangeEvent<HTMLInputElement>) => {
     if (e.target) {
       onChange(e.target.checked);
     }
   };
 
   return (
-    <SwitchWrapper>
+    <SwitchWrapper className={className}>
       <MarginLeftLabel disabled={disabled} htmlFor={id}>
         <Span>{label}</Span>
         <Input