Action Search Bar

import { ActionSearchBar } from "@/components/action-search-bar"

export default function MyComponent() {
  const handleSearch = (query: string, filters: string[]) => {
    console.log("Search:", query, "Filters:", filters)
  }
  
  return (
    <ActionSearchBar 
      placeholder="Search with filters..." 
      categories={["All", "Products", "Services", "Blog", "Documentation"]}
      onSearch={handleSearch}
    />
  )
}