44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import Wrapper from "@/components/Wrapper";
|
|
import React from "react";
|
|
import Link from "next/link";
|
|
import BackBtn from "@/components/BackBtn";
|
|
import { usePathname } from "next/navigation";
|
|
import HeaderNav from "@/app/(presentation-generator)/components/HeaderNab";
|
|
import { Layout } from "lucide-react";
|
|
const Header = () => {
|
|
const pathname = usePathname();
|
|
return (
|
|
<div className="bg-[#5146E5] w-full shadow-lg sticky top-0 z-50">
|
|
<Wrapper>
|
|
<div className="flex items-center justify-between py-1">
|
|
<div className="flex items-center gap-3">
|
|
{pathname !== "/upload" && <BackBtn />}
|
|
<Link href="/dashboard">
|
|
<img
|
|
src="/logo-white.png"
|
|
alt="Presentation logo"
|
|
className="h-16"
|
|
/>
|
|
</Link>
|
|
</div>
|
|
<div className="flex items-center gap-3">
|
|
<Link
|
|
href="/layout-preview"
|
|
prefetch={false}
|
|
className="flex items-center gap-2 px-3 py-2 text-white hover:bg-primary/80 rounded-md transition-colors outline-none"
|
|
role="menuitem"
|
|
>
|
|
<Layout className="w-5 h-5" />
|
|
<span className="text-sm font-medium font-inter">Layouts</span>
|
|
</Link>
|
|
<HeaderNav />
|
|
</div>
|
|
</div>
|
|
</Wrapper>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Header;
|