"use client"

import { Input }  from "@/components/ui/input";
import { Search } from "lucide-react";

export function HeaderSearch({
  placeholder,
  onSearch,
}: {
  placeholder?: string;
  onSearch?: (q: string) => [];
}) {
  return (
    <div className="flex-1 max-w-md">
      <div className="relative">
      <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
      <Input type="search" placeholder={placeholder || "Search"} className="pl-10" />
      </div>
    </div>
  );
}