keystone/admin/client/App/elemental/FormNote/index.js

Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose

import React, { PropTypes } from 'react';
import { css } from 'glamor';
import classes from './styles';

function FormNote ({
	className,
	children,
	component: Component,
	html,
	...props
}) {
	props.className = css(classes.note, className);

	// Property Violation
	if (children && html) {
		console.error('Warning: FormNote cannot render `children` and `html`. You must provide one or the other.');
	}

	return html ? (
		<Component {...props} dangerouslySetInnerHTML={{ __html: html }} />
	) : (
		<Component {...props}>{children}</Component>
	);
};
FormNote.propTypes = {
	component: PropTypes.oneOfType([
		PropTypes.func,
		PropTypes.string,
	]),
	html: PropTypes.string,
};
FormNote.defaultProps = {
	component: 'div',
};

module.exports = FormNote;