26 lines
649 B
TypeScript
26 lines
649 B
TypeScript
import React from "react";
|
|
|
|
const SearchInput = () => (
|
|
<div className="relative text-white">
|
|
<span className="absolute inset-y-0 left-0 flex items-center pl-2">
|
|
<svg
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
viewBox="0 0 24 24"
|
|
className="w-6 h-6"
|
|
>
|
|
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
|
|
</svg>
|
|
</span>
|
|
<input
|
|
className="py-2 text-sm text-white bg-black/70 rounded-md pl-10 focus:outline-none"
|
|
placeholder="Search"
|
|
/>
|
|
</div>
|
|
);
|
|
|
|
export default SearchInput;
|