import React , { FC , HTMLAttributes } from 'react' ; import Grid from '@material-ui/core/Grid' ; import TextField from '@material-ui/core/TextField' ; export interface Props extends HTMLAttributes < HTMLDivElement > { dialogState : any ; setDialogState : any ; } export const SyncContentDialogContent = ( { dialogState , setDialogState , } ) => { return ( < div style = { { padding : '16px' } } > < Grid container spacing = { 4 } > < Grid item xs = { 12 } > < TextField label = "Endpoint" fullWidth value = { dialogState . edvEndpoint } onChange = { ( event ) => { setDialogState ( { edvEndpoint : event . target . value } ) ; } } /> < /Grid> < Grid item xs = { 12 } > < TextField label = "Filter" fullWidth value = { dialogState . edvFilter } onChange = { ( event ) => { setDialogState ( { edvFilter : event . target . value } ) ; } } /> < /Grid> < Grid item xs = { 12 } > < TextField label = "Password" fullWidth value = { dialogState . password } onChange = { ( event ) => { setDialogState ( { password : event . target . value } ) ; } } /> < /Grid> < /Grid> < /div>); } ;