artwork-react-native/lib/tabs/style/css.js

artwork design master for react-native

'use strict';

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

var _theme = require('../../style/theme');

var _theme2 = _interopRequireDefault(_theme);

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

exports['default'] = {
    Tabs: {
        container: {
            flex: 1
        },
        topTabBarSplitLine: {
            borderBottomColor: _theme2['default'].border_color_base,
            borderBottomWidth: 1
        },
        bottomTabBarSplitLine: {
            borderTopColor: _theme2['default'].border_color_base,
            borderTopWidth: 1
        }
    },
    TabBar: {
        container: {},
        tabs: {
            flex: 1,
            flexDirection: 'row',
            backgroundColor: _theme2['default'].fill_base,
            justifyContent: 'space-around',
            shadowRadius: 0,
            shadowOpacity: 0,
            elevation: 0
        },
        tab: {
            height: _theme2['default'].tabs_height,
            alignItems: 'center',
            justifyContent: 'center',
            padding: 0,
            flexDirection: 'row'
        },
        underline: {
            height: 2,
            backgroundColor: _theme2['default'].tabs_color
        },
        textStyle: {
            fontSize: 15
        },
        activeTextColor: _theme2['default'].tabs_color,
        inactiveTextColor: _theme2['default'].color_text_base
    }
};