import { StyleSheet, Text, View } from 'react-native';

type HeaderProps = {
  title?: string;
};

export function Header({ title = 'BESTAI' }: HeaderProps) {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>{title}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    marginBottom: 28,
  },
  title: {
    fontSize: 22,
    fontWeight: '800',
    letterSpacing: 4,
    color: '#F5F8FF',
  },
});