react-native-optiongroup/src/styles.js

A simple cross compatible option group element

/**
 * @imports
 */
import { StyleSheet} from 'react-native';


/**
 * @styles
 */
export default props => StyleSheet.create({

    buttonContainer: {
        flex: 1,
        flexDirection: 'row',
        marginTop: 10,
        marginBottom: 10,
        borderColor: props.borderColor,
        borderWidth: props.borderWidth,
        borderRadius: props.borderRadius,
        overflow: 'hidden',
        backgroundColor: props.backgroundColor,
        margin: props.margin,
    },

    buttonItem: {
        flex: 1,
        padding: props.contentPadding,
        borderLeftWidth: props.borderWidth,
        borderColor: props.borderColor,
        justifyContent: 'center',
        alignItems: 'center',
    },

    buttonItemText: {
        textAlign: 'center',
        fontSize: props.fontSize,
        fontFamily: props.fontFamily,
        color: props.borderColor,
    },

    selectedButtonItem: {
        backgroundColor: props.borderColor,
        flex: 1,
        padding: props.contentPadding,
        borderLeftWidth: props.borderWidth,
        borderColor: props.borderColor,
        justifyContent: 'center',
        alignItems: 'center',
    },

    selectedButtonItemText: {
        color: props.inverseTextColor,
        textAlign: 'center',
        fontSize: props.fontSize,
        fontFamily: props.fontFamily,
    }
});