import * as React from 'react';
import { Colors } from '../../../models/colors';
import TextBox from '../../../containers/text-box/TextBox';
import { textBoxOneStyle } from './textBoxOne.style';

interface TextBoxOneProps {
	palette?: Colors;
	customStyle?: any;
}
class TextBoxOne extends React.PureComponent<TextBoxOneProps> {
	render() {
		return (
			<TextBox
				{...this.props}
				render={() => {
					return (
						<div className={textBoxOneStyle(this.props.palette, this.props.customStyle)}>
							{this.props.children}
						</div>
					);
				}}
			/>
		);
	}
}

export default TextBoxOne;
