mejiwoo

1
import React from 'react'
2

3
export default function Header() {
4
	return (
5
		<header>
6
			<ul className='categories'>
7
				<a className='category'>
8
					<li>Home</li>
9
				</a>
10
				<a className='category'>
11
					<li>Product</li>
12
				</a>
13
				<a className='category'>
14
					<li>Categories</li>
15
				</a>
16
				<a className='category'>
17
					<li>SALE</li>
18
				</a>
19
			</ul>
20
			<div className='logo'>
21
				<img src='/images/logo.png' alt='' />
22
			</div>
23
			<div className='tools'>
24
				<div className='search-wrapper'>
25
					<input className='search' type='text' placeholder='Search' />
26
					<img
27
						className='search-icon icon'
28
						src='images/search.png'
29
						height={22}
30
						width={22}
31
						alt=''
32
					/>
33
				</div>
34
				<img
35
					className='bag icon'
36
					height={18}
37
					width={18}
38
					src='images/bag.png'
39
					alt=''
40
				/>
41
				<img
42
					className='user icon'
43
					height={18}
44
					width={18}
45
					src='images/user.png'
46
					alt=''
47
				/>
48
			</div>
49
		</header>
50
	)
51
}
52