# All files / list List.js

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

    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
    29
    30
    31
    32
    33

    1x
    2x
    2x

    1x

    1x

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

    const List = props => {
      const { children, containerStyle, ...attributes } = props;
      return (
        <View
          style={[styles.listContainer, containerStyle && containerStyle]}
          {...attributes}
        >
          {children}
        </View>
      );
    };

    List.propTypes = {
      children: PropTypes.any,
      containerStyle: View.propTypes.style,
    };

    const styles = StyleSheet.create({
      listContainer: {
        marginTop: 20,
        borderTopWidth: 1,
        borderColor: colors.greyOutline,
        backgroundColor: colors.white,
      },
    });

    export default List;