import React from 'react';

export const TextInput = function TextInput({ id, width, height, component, onComponentClick, currentState, onComponentOptionChanged }) {

    console.log('currentState', currentState);

    const placeholder = component.definition.properties.placeholder.value;

    return (
        <input 
            onClick={() => onComponentClick(id, component) }
            onChange={(e) => onComponentOptionChanged(component, 'value', e.target.value)}
            type="text" 
            class="form-control" 
            placeholder={placeholder} 
            style={{width, height}} 
        />
    );
};