const { forwardRef } = wp.element;



const SafiInput = forwardRef( ( {
    className = '',
    value = '',
    placeholder = '',
    type = 'text',
    ...props
}, ref ) => {

    // const handleChange = ( e ) => {
    //     onChange( e.target.value );
    // };

    return (
        <input
            ref={ref}
            type={type}
            className={`safi-input-text ${className || ''}`}
            value={value}
            placeholder={placeholder}
            {...props}
        />
    );
} );

export default SafiInput;
