import { StyleSheet, Text, View } from 'react-native';
import { colors, spacing } from '../../../src/theme';
import { Illustration } from './Illustration';

/** 统一品牌头部：Logo + 名称 + 标语 */
export function BrandHeader({ slogan }: { slogan?: string }) {
  return (
    <View style={styles.wrap}>
      <Illustration name="logo" size={64} radius={18} />
      <Text style={styles.name}>轻松聘</Text>
      {slogan ? <Text style={styles.slogan}>{slogan}</Text> : null}
    </View>
  );
}

const styles = StyleSheet.create({
  wrap: { alignItems: 'center', gap: spacing.block, paddingVertical: 8 },
  name: { fontSize: 26, fontWeight: '800', color: colors.textPrimary },
  slogan: { fontSize: 13, color: colors.textHint },
});