import React from 'react';
import {View, Text, StyleSheet} from 'react-native';
import {BLACK, PRIMERY} from '../color';

export default function Logo() {
  return (
    <View>
      <Text style={styles.logoText}>
        <Text style={styles.logoPoint}>T</Text>raffic
        <Text style={styles.logoPoint}>A</Text>gent
      </Text>
    </View>
  );
}

const styles = StyleSheet.create({
  logoText: {
    fontSize: 50,
    color: BLACK,
    fontWeight: 'bold',
    textAlign: 'center',
    marginBottom: 30,
  },
  logoPoint: {
    color: PRIMERY,
  },
});