react-formian/src/common/CustomBox.jsx

A React framework for easily creating and handling controlled forms

import React, {Component} from 'react';

const unicodes = {
	onoff: '',
	select: "\u25BC",
	checkbox: "\u2714"
};

function resolveIcon(props) {
	if (!props.icon) {
		return <div className="custom-icon" >{unicodes[props.type]}</div>;
	}
	if (props.icon instanceof Object) {
		return props.icon;
	}
	if (typeof props.icon === 'string' && props.icon.test(/^http?s/)) {
		return <img className={`custom-icon ${name}-custom-icon`} src={props.icon} />;
	}
}

const CustomBox = (props) => (
	<div className={`${props.type}-custom`}>
		{resolveIcon(props)}
		{props.children}
	</div>
);

export default CustomBox;