import React, { PropTypes } from 'react';

import cn from 'classnames';

import { prefix, bsClass, splitBsProps } from './utils/bootstrapUtils';

const propTypes = {

bsRole: PropTypes.string,

};

const defaultProps = {

bsRole: 'footer',

};

const contextTypes = {

$bs_panel: PropTypes.shape({

bsClass: PropTypes.string,

}),

};

class PanelFooter extends React.Component {

render() {

let { children, className } = this.props;

let { bsClass: _bsClass } = this.context.$bs_panel || {};

const [bsProps, elementProps] = splitBsProps(this.props);

bsProps.bsClass = _bsClass || bsProps.bsClass;

return (

<div

{...elementProps}

className={cn(className, prefix(bsProps, 'footer'))}

>

{children}

</div>

);

}

}

PanelFooter.propTypes = propTypes;

PanelFooter.defaultProps = defaultProps;

PanelFooter.contextTypes = contextTypes;

export default bsClass('panel', PanelFooter);