import { StyleSheet, View } from 'react-native';
import { useOnboarding } from '../../../src/hooks';
import { ScreenShell } from '../ui/ScreenShell';
import { SearchInput } from '../ui/SearchInput';
import { PrimaryButton } from '../ui/PrimaryButton';

export function P20School() {
  const { data, setData, navigate, back } = useOnboarding();
  const canNext = data.school.trim().length > 0;

  return (
    <ScreenShell title="毕业学校" showBack onBack={back}>
      <SearchInput
        value={data.school}
        onChangeText={(t) => setData({ school: t })}
        placeholder="请输入毕业学校名称"
        onClear={() => setData({ school: '' })}
      />

      <View style={styles.footer}>
        <PrimaryButton label="下一步" active={canNext} onPress={() => navigate('P21')} />
      </View>
    </ScreenShell>
  );
}

const styles = StyleSheet.create({
  footer: { marginTop: 28 },
});