Carlos Florêncio
22 lines
512 B
TypeScript
22 lines
512 B
TypeScript
"use client";
|
|
|
|
import { TaskSearchInput } from "./task-search-input";
|
|
|
|
type MobileSearchBarProps = {
|
|
searchQuery: string;
|
|
onSearchChange: (query: string) => void;
|
|
};
|
|
|
|
export function MobileSearchBar({ searchQuery, onSearchChange }: MobileSearchBarProps) {
|
|
return (
|
|
<div className="px-4 pb-2" data-testid="mobile-search-bar">
|
|
<TaskSearchInput
|
|
value={searchQuery}
|
|
onChange={onSearchChange}
|
|
placeholder="Search tasks..."
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|