import React, { useState, useCallback } from 'react';

type SupportedElements = HTMLInputElement | HTMLSelectElement;

export default function(state: string = ""): [string, React.ChangeEventHandler<SupportedElements>, (string) => void] {
	const [ value, setValue ] = useState<string>(state);
	const onChange = useCallback(
		({ target: { value } }: React.ChangeEvent<SupportedElements>) => 
		setValue(value), 
	[]);
	return [ value, onChange, setValue ];
}