36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import Link from "next/link"
|
|
import { Search } from "./search"
|
|
import { Button } from "./ui/button"
|
|
import { ShoppingCart, Heart, Package2 } from 'lucide-react'
|
|
import { CatalogMenu } from "./catalog-menu"
|
|
|
|
export function Header() {
|
|
return (
|
|
<header className="border-b sticky top-0 bg-white z-50">
|
|
<div className="container mx-auto px-4">
|
|
<div className="flex h-16 items-center justify-between">
|
|
<div className="flex items-center gap-8">
|
|
<Link href="/" className="text-2xl font-bold text-blue-600">
|
|
Eternos
|
|
</Link>
|
|
<CatalogMenu />
|
|
<Search />
|
|
</div>
|
|
<div className="flex items-center gap-4">
|
|
<Button variant="ghost" size="icon">
|
|
<Package2 className="h-5 w-5" />
|
|
</Button>
|
|
<Button variant="ghost" size="icon">
|
|
<Heart className="h-5 w-5" />
|
|
</Button>
|
|
<Button variant="ghost" size="icon">
|
|
<ShoppingCart className="h-5 w-5" />
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|
|
|