List ListHeader.js

0% Statements 0/15

0% Branches 0/10

100% Functions 0/0

0% Lines 0/13

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { Component } from 'preact';
import PropTypes from 'prop-types';
import { StyledHeader, StyledTitle, StyledSubTitle } from './styles';
 
/**
 * List header
 */
class ListHeader extends Component {
    static propTypes = {
        /**
         * Custom styles
         */
        style: PropTypes.object,
    };
 
    static contextTypes = {
        theme: PropTypes.object,
    };
 
    get content() {
        const { custom, title = '', subtitle = '' } = this.props;
        const { theme } = this.context;
 
        if (custom && custom.nodeName) {
            // if node exists
            return custom;
        }
 
        return (
            <div>
                <StyledTitle theme={theme}>{title}</StyledTitle>
                <StyledSubTitle theme={theme}>{subtitle}</StyledSubTitle>
            </div>
        );
    }
 
    render() {
        const { style = '', className } = this.props;
        const { theme } = this.context;
 
        return (
            <StyledHeader style={style} className={className} theme={theme}>
                {this.content}
            </StyledHeader>
        );
    }
}
 
export default ListHeader;