{"size": 1152, "ext": "js", "max_stars_repo_path": "features/Focus/Focus.js", "max_stars_repo_name": "Ayoubkassi/Focus", "max_stars_repo_stars_event_min_datetime": "2021-08-28T17:09:56.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-28T17:09:56.000Z", "max_issues_repo_path": "features/Focus/Focus.js", "max_issues_repo_name": "Ayoubkassi/Focus", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "features/Focus/Focus.js", "max_forks_repo_name": "Ayoubkassi/Focus", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.0, "max_line_length": 106, "alphanum_fraction": 0.5972222222}
import React , { useState } from 'react';
import { Text , View , StyleSheet } from 'react-native';
import { TextInput } from 'react-native-paper';
import { RoundedButton } from '../../components/RoundedButton';
import { paddingSizes , fontSizes } from '../../utils/sizes';


export const Focus = ({addSubject}) => {

  const [subject , setSubjcet] = useState('');

  return (
    <View style={styles.container}>
      <Text style={styles.text}>What would u like to foucs on ?</Text>
      <View style={styles.main}>
        <TextInput onSubmitEditing={({nativeEvent})=> setSubjcet(nativeEvent.text)} style={styles.input}/>
        <RoundedButton text='+' onPress={()=> addSubject(subject)}/>
      </View>
    </View>
  )
}

const styles = StyleSheet.create({
  container : {
    flex : 1,
    padding : paddingSizes.md,
  },
  text : {
    color : '#ffffff',
    fontSize : '19px',
    //textAlign : "center",
    marginBottom : 18,
    fontWeight : 'bold',
    marginTop : 10,
  },
  input : {
    outline : 'none',
    border : 'none',
    flex : 1,
    marginRight : 10

  },
  main : {
    flexDirection : 'row',
    alignItems : 'center',
  }
})
