import React from 'react';
import { View, TextInput, TouchableOpacity, Image } from 'react-native';
import icons from '@/constants/icons';

const Search = () => {
  return (
    <View className="flex-row items-center bg-gray-100 rounded-full px-4 py-2">
      <Image source={icons.search} className="w-5 h-5 mr-2" />
      <TextInput 
        placeholder="Search cars..."
        className="flex-1"
        placeholderTextColor="#666"
      />
      <TouchableOpacity>
        <Image source={icons.filter} className="w-5 h-5" />
      </TouchableOpacity>
    </View>
  );
};

export default Search;