export const toRawType = (value) => toTypeString(value).slice(8, -1);

export const normalizeUnitToStyle = (unit) => {
  if (unit === void 0) {
    return unit;
  } else if (toRawType(unit) === 'Number') {
    return unit ? ((unit <= 1) & (unit >= 0) ? 100 * unit + '%' : unit + 'px') : void 0;
  } else if (unit.includes('px')) {
    return normalizeUnitToStyle(parseFloat(unit));
  } else if (unit.includes('%')) {
    return normalizeUnitToStyle(parseFloat(unit) / 100);
  } else {
    return unit;
  }
};

export const os = (function () {
  const ua = navigator.userAgent;
  const isWindowsPhone = /(?:Windows Phone)/.test(ua);
  const isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone;
  const isAndroid = /(?:Android)/.test(ua);
  const isFireFox = /(?:Firefox)/.test(ua);
  // const isChrome = /(?:Chrome|CriOS)/.test(ua);
  const isTablet =
    /(?:iPad|PlayBook)/.test(ua) ||
    (isAndroid && !/(?:Mobile)/.test(ua)) ||
    (isFireFox && /(?:Tablet)/.test(ua));
  const isPhone = /(?:iPhone)/.test(ua) && !isTablet;
  const isPc = !isPhone && !isAndroid && !isSymbian;

  if (isPc && navigator.maxTouchPoints > 1) {
    isTablet = true;
  }
  return {
    isTablet: isTablet,
    isPhone: isPhone,
    isAndroid: isAndroid,
    isPc: isPc,
  };
})();