import React from 'react';
import Alert from './Alert';
import PerformanceMixin from '../../mixins/PerformanceMixin';

const Error = React.createClass({
    mixins: [PerformanceMixin],
    displayName: 'Error',

    // define property types
    propTypes: {
        children: React.PropTypes.node.isRequired,
    },

    // template rendering
    render() {
        const {children, ...otherProps} = this.props;

        return (
            <Alert type="error" {...otherProps}>
                {children}
            </Alert>
        );
    },
});

export default Error;