All files / src/List List.js

0% Statements 0/8
0% Branches 0/2
100% Functions 0/0
0% Lines 0/7

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 29 30 31 32 33 34 35                                                                     
import React, { Component } from 'preact';
import PropTypes from 'prop-types';
import { StyledList } from './styles';
 
/**
 * List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.
 *
 * @example ./../../docs/components/List.md
 */
class List extends Component {
    static propTypes = {
        /**
         * Custom styles
         */
        style: PropTypes.object,
    };
 
    static contextTypes = {
        theme: PropTypes.object,
    };
 
    render() {
        const { style = '', className, children } = this.props;
        const { theme } = this.context;
 
        return (
            <StyledList style={style} className={className} theme={theme}>
                {children}
            </StyledList>
        );
    }
}
 
export default List;