import React from 'react'; import { StyleSheet, View } from 'react-native'; import PropTypes from 'prop-types'; import { withTheme } from '../../theme'; import sharedStyles from '../Styles'; import { themes } from '../../constants/colors'; import TextInput from '../../presentation/TextInput'; import { isTablet, isIOS } from '../../utils/deviceInfo'; import { useOrientation } from '../../dimensions'; const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', marginLeft: 0 }, title: { ...sharedStyles.textSemibold } }); // TODO: it might be useful to refactor this component for reusage const SearchHeader = ({ theme, onSearchChangeText }) => { const titleColorStyle = { color: themes[theme].headerTitleColor }; const isLight = theme === 'light'; const { isLandscape } = useOrientation(); const scale = isIOS && isLandscape && !isTablet ? 0.8 : 1; const titleFontSize = 16 * scale; return ( ); }; SearchHeader.propTypes = { theme: PropTypes.string, onSearchChangeText: PropTypes.func }; export default withTheme(SearchHeader);