{"size": 1010, "ext": "js", "max_stars_repo_path": "src/components/CardDetail/CardDetail.js", "max_stars_repo_name": "Elian07/App-Vagas", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/CardDetail/CardDetail.js", "max_issues_repo_name": "Elian07/App-Vagas", "max_issues_repo_issues_event_min_datetime": "2021-10-06T07:56:35.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T20:39:17.000Z", "max_forks_repo_path": "src/components/CardDetail/CardDetail.js", "max_forks_repo_name": "elian007/App-Vagas", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 21.4893617021, "max_line_length": 67, "alphanum_fraction": 0.5752475248}
import React from 'react';
import { View , Text, StyleSheet, Image } from 'react-native';

// import { Container } from './styles';

export function DetailNavigation() {
  return {
    title: 'Detalhes da Vaga',
    headerStyle: {
      backgroundColor: theme.lightGray,
      elevation: 1
    },
    headerTintColor: theme.primaryColor,
    headerTitleStyle: { color: theme.dark }
  };
}
const CardDetail = ({vagas}) => (
  <View style={styles.container}>

      <View style={styles.card}>
          <Text style={styles.text}>Vaga: { `${vagas.vaga}`}</Text>
          <Text>Empresa: { ` ${vagas.empresa}`}</Text>
          <Text>E-mail: { ` ${vagas.email}`}</Text>
          <Text>Descrição: {`${vagas.descricao}`}</Text>
          <Text>Requisitos: {`${vagas.requisitos}`}</Text>

      </View>
  </View>

)

const styles = StyleSheet.create({
  container: {
      flex: 1,

    },
    card: {
     flex: 1,
     borderWidth: 1
    },
    text:{
      textAlign: 'center'
    }
})


export default CardDetail