styled-components/lib/native/index.js

**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.css = undefined;

var _reactNative = require('react-native');

var _reactNative2 = _interopRequireDefault(_reactNative);

var _css = require('../constructors/css');

var _css2 = _interopRequireDefault(_css);

var _StyledNativeComponent = require('../models/StyledNativeComponent');

var _StyledNativeComponent2 = _interopRequireDefault(_StyledNativeComponent);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var styled = function styled(tag) {
  return function (strings) {
    for (var _len = arguments.length, interpolations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
      interpolations[_key - 1] = arguments[_key];
    }

    return (0, _StyledNativeComponent2.default)(tag, _css2.default.apply(undefined, [strings].concat(interpolations)), { inline: true });
  };
};

var aliases = {
  get ActivityIndicator() {
    return styled(_reactNative2.default.ActivityIndicator);
  },
  get ActivityIndicatorIOS() {
    return styled(_reactNative2.default.ActivityIndicatorIOS);
  },
  get ART() {
    return styled(_reactNative2.default.ART);
  },
  get DatePickerIOS() {
    return styled(_reactNative2.default.DatePickerIOS);
  },
  get DrawerLayoutAndroid() {
    return styled(_reactNative2.default.DrawerLayoutAndroid);
  },
  get Image() {
    return styled(_reactNative2.default.Image);
  },
  get ImageEditor() {
    return styled(_reactNative2.default.ImageEditor);
  },
  get ImageStore() {
    return styled(_reactNative2.default.ImageStore);
  },
  get KeyboardAvoidingView() {
    return styled(_reactNative2.default.KeyboardAvoidingView);
  },
  get ListView() {
    return styled(_reactNative2.default.ListView);
  },
  get MapView() {
    return styled(_reactNative2.default.MapView);
  },
  get Modal() {
    return styled(_reactNative2.default.Modal);
  },
  get Navigator() {
    return styled(_reactNative2.default.Navigator);
  },
  get NavigatorIOS() {
    return styled(_reactNative2.default.NavigatorIOS);
  },
  get Picker() {
    return styled(_reactNative2.default.Picker);
  },
  get PickerIOS() {
    return styled(_reactNative2.default.PickerIOS);
  },
  get ProgressBarAndroid() {
    return styled(_reactNative2.default.ProgressBarAndroid);
  },
  get ProgressViewIOS() {
    return styled(_reactNative2.default.ProgressViewIOS);
  },
  get ScrollView() {
    return styled(_reactNative2.default.ScrollView);
  },
  get SegmentedControlIOS() {
    return styled(_reactNative2.default.SegmentedControlIOS);
  },
  get Slider() {
    return styled(_reactNative2.default.Slider);
  },
  get SliderIOS() {
    return styled(_reactNative2.default.SliderIOS);
  },
  get SnapshotViewIOS() {
    return styled(_reactNative2.default.SnapshotViewIOS);
  },
  get Switch() {
    return styled(_reactNative2.default.Switch);
  },
  get RecyclerViewBackedScrollView() {
    return styled(_reactNative2.default.RecyclerViewBackedScrollView);
  },
  get RefreshControl() {
    return styled(_reactNative2.default.RefreshControl);
  },
  get StatusBar() {
    return styled(_reactNative2.default.StatusBar);
  },
  get SwipeableListView() {
    return styled(_reactNative2.default.SwipeableListView);
  },
  get SwitchAndroid() {
    return styled(_reactNative2.default.SwitchAndroid);
  },
  get SwitchIOS() {
    return styled(_reactNative2.default.SwitchIOS);
  },
  get TabBarIOS() {
    return styled(_reactNative2.default.TabBarIOS);
  },
  get Text() {
    return styled(_reactNative2.default.Text);
  },
  get TextInput() {
    return styled(_reactNative2.default.TextInput);
  },
  get ToastAndroid() {
    return styled(_reactNative2.default.ToastAndroid);
  },
  get ToolbarAndroid() {
    return styled(_reactNative2.default.ToolbarAndroid);
  },
  get Touchable() {
    return styled(_reactNative2.default.Touchable);
  },
  get TouchableHighlight() {
    return styled(_reactNative2.default.TouchableHighlight);
  },
  get TouchableNativeFeedback() {
    return styled(_reactNative2.default.TouchableNativeFeedback);
  },
  get TouchableOpacity() {
    return styled(_reactNative2.default.TouchableOpacity);
  },
  get TouchableWithoutFeedback() {
    return styled(_reactNative2.default.TouchableWithoutFeedback);
  },
  get View() {
    return styled(_reactNative2.default.View);
  },
  get ViewPagerAndroid() {
    return styled(_reactNative2.default.ViewPagerAndroid);
  },
  get WebView() {
    return styled(_reactNative2.default.WebView);
  },
  get div() {
    return styled('div');
  }
};

exports.css = _css2.default;
exports.default = Object.create(styled, aliases);