Example add todo view model

add-todo.tsx

const useAddTodoVm = (onAdd: (description: string) => void) => {
  const [inputText, setInputText] = useState("");

  const addTodo = () => {
    onAdd(inputText);
    setInputText("");
  };

  return {
    inputText,
    setInputText,
    addTodo,
  };
};

interface AddTodoViewModel {
  inputText: string;
  setInputText: (inputText: string) => void;
  addTodo: () => void;
}

const AddTodo = ({ viewModel }: { viewModel: AddTodoViewModel }) => {
  return (
    <>
      <input
        value={viewModel.inputText}
        onChange={(e) => viewModel.setInputText(e.target.value)}
        type="text"
        placeholder="Add todo"
      />
      <button onClick={viewModel.addTodo}>Add</button>
    </>
  );
};