artwork-react-native/lib/accordion/style/index.js

artwork design master for react-native

'use strict';

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

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

var _blue = require('../../style/theme/blue');

var _blue2 = _interopRequireDefault(_blue);

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

// wait for https://github.com/DefinitelyTyped/DefinitelyTyped/pull/18278
// them below any and change to IAccordionStyle
exports['default'] = {
    container: {
        borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
        borderTopColor: _blue2['default'].border_color_base
    },
    header: {
        flexDirection: 'row',
        alignItems: 'center',
        paddingLeft: _blue2['default'].h_spacing_lg,
        paddingRight: 2 * _blue2['default'].h_spacing_lg,
        borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
        borderBottomColor: _blue2['default'].border_color_base
    },
    arrow: {
        width: 12,
        height: 12
    },
    headerWrap: {
        flex: 1,
        height: _blue2['default'].list_item_height,
        alignItems: 'center',
        flexDirection: 'row'
    },
    headerText: {
        color: _blue2['default'].color_text_base,
        fontSize: _blue2['default'].font_size_heading
    },
    content: {
        paddingVertical: _blue2['default'].v_spacing_md,
        paddingHorizontal: _blue2['default'].h_spacing_md,
        borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
        borderBottomColor: _blue2['default'].border_color_base
    },
    contentText: {
        fontSize: _blue2['default'].font_size_subhead,
        color: _blue2['default'].color_text_paragraph
    }
};