import React , { FC } from "react" ; import { Props , defaultData } from "./types" ; const GreetingSettings = ( { data = defaultData , setData } ) => ( < div className = "GreetingSettings" > < label > Name < input type = "text" value = { data . name } onChange = { ( event ) => setData ( { name : event . target . value } ) } /> < /label> < /div>); export default GreetingSettings ;