import React, { useState, useEffect, } from 'react';
import { SafeAreaView, Image, StyleSheet, AsyncStorage, StatusBarPropsAndroid } from 'react-native';
import logo from '../assets/logo.png'

export default function List() {
  const [techs, setTechs] = useState([])
  useEffect(() => {
    AsyncStorage.getItem('techs').then(storagedTechs => {
      const techsArray = storagedTechs.split(',').map(tech => tech.trim())
      setTechs(techsArray)
    })
  }, [])

  return (
    <SafeAreaView styles={styles.container}>
      <Image source={logo} />
    </SafeAreaView>
  )
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  logo: {
    height: 32,
  }
})