move checkbox options outside of component

Author: arturbien

src/components/Checkbox/Checkbox.js

@@ -177,6 +177,12 @@ const LabelText = styled.span`
   line-height: 1;
 `;
 
+const CheckboxComponents = {
+  flat: StyledFlatCheckbox,
+  default: StyledCheckbox,
+  menu: StyledMenuCheckbox
+};
+
 const Checkbox = React.forwardRef(function Checkbox(props, ref) {
   const {
     onChange,
@@ -202,11 +208,7 @@ const Checkbox = React.forwardRef(function Checkbox(props, ref) {
     if (onChange) onChange(e);
   };
 
-  const CheckboxComponent = {
-    flat: StyledFlatCheckbox,
-    default: StyledCheckbox,
-    menu: StyledMenuCheckbox
-  }[variant];
+  const CheckboxComponent = CheckboxComponents[variant];
 
   let Icon = null;
   if (indeterminate) {

src/components/Radio/Radio.js

@@ -127,6 +127,12 @@ const LabelText = styled.span`
   line-height: 1;
 `;
 
+const CheckboxComponents = {
+  flat: StyledFlatCheckbox,
+  default: StyledCheckbox,
+  menu: StyledMenuCheckbox
+};
+
 const Radio = React.forwardRef(function Radio(props, ref) {
   const {
     onChange,
@@ -141,11 +147,7 @@ const Radio = React.forwardRef(function Radio(props, ref) {
     ...otherProps
   } = props;
 
-  const CheckboxComponent = {
-    flat: StyledFlatCheckbox,
-    default: StyledCheckbox,
-    menu: StyledMenuCheckbox
-  }[variant];
+  const CheckboxComponent = CheckboxComponents[variant];
 
   return (
     <StyledLabel isDisabled={disabled} className={className} style={style}>