React 'card' header

SearchCard_Classic_Header.js

import React, {PropTypes} from 'react';
import Radium from 'radium';
import muiTheme from '../../../../../../../../../configuration/webapp/muiTheme.js';

class SearchCard_Classic_Header extends React.Component {
    static propTypes = {
        customHeaderStyle: PropTypes.object,
        danger: PropTypes.bool,
        primary: PropTypes.bool,
    };

    getStyles() {
        let {danger, primary} = this.props;
        let sv_color;

        if (danger) {
            sv_color = muiTheme.palette.accent1Color;
        }
        if (primary) {
            sv_color = muiTheme.palette.primary1Color;
        }
        const styles = {
            searchHeader_Container: {
                padding: 5,
                backgroundColor: sv_color
            },
        };
        return styles;
    }

    render() {
        const styles = this.getStyles();
        return (
            <div style={[styles.searchHeader_Container, this.props.customHeaderStyle]}>
                {this.props.children}
            </div>
        );
    }
}
export default Radium(SearchCard_Classic_Header);