20 lines
715 B
TypeScript
20 lines
715 B
TypeScript
// frontend\src\components\Search.tsx
|
|
|
|
import { MagnifyingGlassIcon } from '@heroicons/react/20/solid'
|
|
|
|
export default function Search() {
|
|
return (
|
|
<form action="#" method="GET" className="grid flex-1 grid-cols-1">
|
|
<input
|
|
name="search"
|
|
placeholder="Search"
|
|
aria-label="Search"
|
|
className="col-start-1 row-start-1 block size-full bg-white pl-8 text-base text-gray-900 outline-hidden placeholder:text-gray-400 sm:text-sm/6 dark:bg-gray-900 dark:text-white dark:placeholder:text-gray-500"
|
|
/>
|
|
<MagnifyingGlassIcon
|
|
aria-hidden="true"
|
|
className="pointer-events-none col-start-1 row-start-1 size-5 self-center text-gray-400"
|
|
/>
|
|
</form>
|
|
)
|
|
} |