# All files / divider Divider.js

100% Statements 5/5
100% Branches 0/0
100% Functions 2/2
100% Lines 5/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28

    2x
    5x

    2x

    2x
    5x

     import React from 'react';
    import PropTypes from 'prop-types';
    import { View, StyleSheet } from 'react-native';

    import { ViewPropTypes, withTheme } from '../config';

    const Divider = ({ style, theme, ...rest }) => (
      <View
        style={StyleSheet.flatten([styles.container(theme), style])}
        {...rest}
      />
    );

    Divider.propTypes = {
      style: ViewPropTypes.style,
      theme: PropTypes.object,
    };

    const styles = {
      container: theme => ({
        backgroundColor: theme.colors.divider,
        height: StyleSheet.hairlineWidth,
      }),
    };

    export { Divider };
    export default withTheme(Divider, 'Divider');