mars-v2-frontend/components/SearchInput.tsx
Gustavo Mauricio f709c12da2
Tooling improvements and minor refactor (#19)
* refactor: store selector callbacks less verbose

* chore: prettier tailwind plugin added and respective formatting

* disable metamask connection button
2022-09-30 13:50:16 +01:00

26 lines
646 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="h-6 w-6"
>
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
</span>
<input
className="rounded-md bg-black/70 py-2 pl-10 text-sm text-white focus:outline-none"
placeholder="Search"
/>
</div>
)
export default SearchInput