1 files changed, 0 insertions, 69 deletions
diff --git a/src/components/ToggleSwitch.js b/src/components/ToggleSwitch.js
deleted file mode 100644
index 03af15f..0000000
--- a/src/components/ToggleSwitch.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import PropTypes from 'prop-types';
-import React, { useCallback, useMemo } from 'react';
-
-import s0 from './ToggleSwitch.module.css';
-
-function ToggleSwitch({ options, value, name, onChange }) {
-  const idxSelected = useMemo(
-    () => options.map((o) => o.value).indexOf(value),
-    [options, value]
-  );
-
-  const getPortionPercentage = useCallback(
-    (idx) => {
-      const w = Math.floor(100 / options.length);
-      if (idx === options.length - 1) {
-        return 100 - options.length * w + w;
-      } else if (idx > -1) {
-        return w;
-      }
-    },
-    [options]
-  );
-
-  const sliderStyle = useMemo(() => {
-    return {
-      width: getPortionPercentage(idxSelected) + '%',
-      left: idxSelected * getPortionPercentage(0) + '%',
-    };
-  }, [idxSelected, getPortionPercentage]);
-
-  return (
-    <div className={s0.ToggleSwitch}>
-      <div className={s0.slider} style={sliderStyle} />
-      {options.map((o, idx) => {
-        const id = `${name}-${o.label}`;
-        const className = idx === 0 ? '' : 'border-left';
-        return (
-          <label
-            htmlFor={id}
-            key={id}
-            className={className}
-            style={{
-              width: getPortionPercentage(idx) + '%',
-            }}
-          >
-            <input
-              id={id}
-              name={name}
-              type="radio"
-              value={o.value}
-              checked={value === o.value}
-              onChange={onChange}
-            />
-            <div>{o.label}</div>
-          </label>
-        );
-      })}
-    </div>
-  );
-}
-
-ToggleSwitch.propTypes = {
-  options: PropTypes.array,
-  value: PropTypes.string,
-  name: PropTypes.string,
-  onChange: PropTypes.func,
-};
-
-export default React.memo(ToggleSwitch);