//**Step 4 */
function Business({business, onBusinessChange}) {
    return(
        <Grid container spacing={4}>
            <Grid item xs={12} sm={12}>
                <FormControl component="fieldset">
                    <FormLabel component="legend">Tienes negocio?</FormLabel>
                    <RadioGroup
                        aria-label="gender" 
                        name="got_business" 
                        value={business.got_business} 
                        onChange={ev => onBusinessChange({...business, got_business: Number(ev.target.value)})}>
                        <FormControlLabel value={1} control={<Radio />} label="Si" />
                        <FormControlLabel value={0} control={<Radio />} label="No" />
                    </RadioGroup>
                </FormControl>
            </Grid>
            <Grid item xs={12} sm={12}>
                <FormControl fullWidth>
                    <TextField
                        value={business.name}
                        onChange={ev => onBusinessChange({...business, name: ev.target.value})}
                        label="Nombre:"
                        margin="normal"
                    />
                </FormControl>
            </Grid>
            <Grid item xs={12} sm={12}>
                <FormControl fullWidth>
                    <TextField
                        value={business.business_activity}
                        onChange={ev => onBusinessChange({...business, business_activity: ev.target.value})}
                        label="Giro empresarial:"
                        margin="normal"
                    />
                </FormControl>
            </Grid>
            <Grid item xs={12} sm={12}>
                <FormControl component="fieldset">
                    <FormLabel component="legend">Alguien de tu familia tiene un negocio?</FormLabel>
                    <RadioGroup
                        aria-label="gender"
                        name="familiar_own_business"
                        value={business.familiar_own_business}
                        onChange={ev => onBusinessChange({...business, familiar_own_business: Number(ev.target.value)})}
                    >
                        <FormControlLabel value={1} control={<Radio />} label="Si" />
                        <FormControlLabel value={0} control={<Radio />} label="No" />
                    </RadioGroup>
                </FormControl>
            </Grid>
            <Grid item xs={12} sm={12}>
                <FormControl fullWidth>
                    <TextField
                        value={business.name_familiar_business}
                        onChange={ev => onBusinessChange({...business, name_familiar_business: ev.target.value})}
                        label="Nombre del negocio de tu familiar:"
                        margin="normal"
                    />
                </FormControl>
            </Grid>
            <Grid item xs={12} sm={12}>
                <FormControl fullWidth>
                    <TextField
                        value={business.familiar_business_activity}
                        onChange={ev => onBusinessChange({...business, familiar_business_activity: ev.target.value})}
                        label="Giro empresarial:"
                        margin="normal"
                    />
                </FormControl>
            </Grid>
        </Grid>
    )
}