core/components/Search.tsx
2021-01-30 13:23:31 +09:00

18 lines
601 B
TypeScript

// import { useState } from 'react'
const Search = (): JSX.Element => {
return <div className='relative w-full mt-5 text-black bg-white dark:text-gray-100 dark:bg-very-black flex rounded-lg'>
<input className='bg-transparent flex-grow outline-none border-none shadow border-0 py-3 px-7 pr-20 h-16 text-xl' placeholder='검색...' />
<button className='outline-none cusor-pointer absolute right-0 top-0 mt-5 mr-5'>
<i className='text-gray-600 hover:text-gray-700 text-2xl fas fa-search' />
</button>
</div>
}
interface SearchProps {
query: string
result: string
}
export default Search