React 'Card' with borders

SearchCard_Classic.js

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

class SearchCard_Classic extends React.Component {
    static propTypes = {
        borderRadius: PropTypes.number,
        danger: PropTypes.bool,
        primary: PropTypes.bool,
    };

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

        if (danger) {
            sv_color = muiTheme.palette.accent1Color;
        }
        if (primary) {
            sv_color = muiTheme.palette.primary1Color;
        }

        const styles = {
            searchCard_Container: {
                border: `1px solid ${sv_color}`,
                borderRadius: borderRadius ? borderRadius : 2,
                width: '100%',
                maxWidth: '100%'
            },
        };

        return styles;
    }

    render() {
        const styles = this.getStyles();
        return (
            <div style={styles.searchCard_Container}>
                {this.props.children}
            </div>
        );
    }
}
export default Radium(SearchCard_Classic);