import { useTheme } from "@/providers/ThemeProvider";
import { Feather } from "@expo/vector-icons";
import { InputForm } from "./inputForm";

export default function InputSearch({ onChange, width, value, bg }: { onChange?: (val: string) => void, width?: number, value?: string, bg?: string }) {
   const { colors } = useTheme();
   return (
      <InputForm
         type="default"
         placeholder="Pencarian"
         round
         itemLeft={<Feather name="search" size={20} color={colors.dimmed} />}
         onChange={onChange}
         width={width}
         bg={bg}
         value={value}
         mb={false}
      />
   )
}