text: import _defineProperty from 'babel-runtime/helpers/defineProperty';
  import React from 'react';
  
  export function toArray(children) {
    // allow [c,[a,b]]
    var c = [];
    React.Children.forEach(children, function (child) {
      if (child) {
        c.push(child);
      }
    });
    return c;
  }
  
  export function getActiveIndex(children, activeKey) {
    var c = toArray(children);
    for (var i = 0; i < c.length; i++) {
      if (c[i].key === activeKey) {
        return i;
      }
    }
    return -1;
  }
  
  export function getActiveKey(children, index) {
    var c = toArray(children);
    return c[index].key;
  }
  
  export function setTransform(style, v) {
    style.transform = v;
    style.webkitTransform = v;
    style.mozTransform = v;
  }
  
  export function isTransformSupported(style) {
    return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;
  }
  
  export function setTransition(style, v) {
    style.transition = v;
    style.webkitTransition = v;
    style.MozTransition = v;
  }
  export function getTransformPropValue(v) {
    return {
      transform: v,
      WebkitTransform: v,
      MozTransform: v
    };
  }
  
  export function isVertical(tabBarPosition) {
    return tabBarPosition === 'left' || tabBarPosition === 'right';
  }
  
  export function getTransformByIndex(index, tabBarPosition) {
    var translate = isVertical(tabBarPosition) ? 'translateY' : 'translateX';
    return translate + '(' + -index * 100 + '%) translateZ(0)';
  }
  
  export function getMarginStyle(index, tabBarPosition) {
    var marginDirection = isVertical(tabBarPosition) ? 'marginTop' : 'marginLeft';
    return _defineProperty({}, marginDirection, -index * 100 + '%');
  }
  
  export function getStyle(el, property) {
    return +getComputedStyle(el).getPropertyValue(property).replace('px', '');
  }
  
  export function setPxStyle(el, property, value) {
    el.style[property] = value + 'px';
  }