Bagasbanuna02
60b0befa60
Add: - api-client/api-job: kumpulan fetch api Fix: - UI beranda , status sudah terintergrasi dengan API - UI detail status, detail utama sudah terintergrasi dengan API - Search pada beranda sudah terintegrasi - Edit sudah terintergrasi ### No Issue
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { MainColor } from "@/constants/color-palet";
|
|
import { ICON_SIZE_SMALL } from "@/constants/constans-value";
|
|
import TextInputCustom from "../TextInput/TextInputCustom";
|
|
import { Ionicons } from "@expo/vector-icons";
|
|
import { StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
|
|
interface SearchInputProps {
|
|
placeholder?: string;
|
|
onPress?: () => void;
|
|
iconLeft?: React.ReactNode;
|
|
iconRight?: React.ReactNode;
|
|
containerStyle?: StyleProp<ViewStyle>;
|
|
style?: StyleProp<TextStyle>;
|
|
onChangeText?: (value: string) => void;
|
|
}
|
|
export default function SearchInput({
|
|
placeholder,
|
|
onPress,
|
|
iconLeft,
|
|
iconRight,
|
|
containerStyle,
|
|
style,
|
|
onChangeText,
|
|
...props
|
|
}: SearchInputProps) {
|
|
return (
|
|
<TextInputCustom
|
|
iconLeft={
|
|
<Ionicons
|
|
name="search-outline"
|
|
size={ICON_SIZE_SMALL}
|
|
color={MainColor.placeholder}
|
|
/>
|
|
}
|
|
onChangeText={onChangeText}
|
|
placeholder={placeholder}
|
|
borderRadius={50}
|
|
containerStyle={[containerStyle, { marginBottom: 0 }]}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|