21 lines
616 B
TypeScript
21 lines
616 B
TypeScript
import React from 'react';
|
|
|
|
export function Search() {
|
|
return (
|
|
<div className="relative max-w-md">
|
|
<input
|
|
type="text"
|
|
placeholder="Search..."
|
|
className="w-full pl-8 pr-4 py-2 rounded-full border focus:outline-none focus:ring-2 focus:ring-blue-500"
|
|
/>
|
|
<svg
|
|
className="absolute left-2.5 top-2.5 h-4 w-4 text-gray-400"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
|
|
</svg>
|
|
</div>
|
|
);
|
|
}
|