import React, { useState } from "react"; import { TextInput, View, Dimensions, StyleSheet, Pressable, Appearance, } from "react-native"; import tw from "tailwind-rn"; import { AntDesign } from "@expo/vector-icons"; //style import Colors from "../constants/Colors"; import fontSize from "../constants/fontSize"; const width = Dimensions.get("window").width; const Search = ({ placeholder, textAlign, direction, onChange, value }) => { const colorScheme = Appearance.getColorScheme(); const styles = StyleSheet.create({ inputStyle: { fontSize: fontSize.tiny, color: Colors.theme1[colorScheme].gray2077, borderWidth: 0.5, borderColor: Colors.theme1[colorScheme].gray20 + '88', paddingVertical: 10, paddingHorizontal: 10, direction: direction, textAlign: textAlign, backgroundColor: Colors.theme1[colorScheme].white, fontFamily: "regular", }, }); return ( onChange(text)} placeholder={placeholder} placeholderTextColor={Colors.theme1[colorScheme].gray20 + '88'} value={value} /> ); }; export default Search; Search.defaultProps = { direction: "rtl", textAlign: "right", };