import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { MdAdd } from "react-icons/md";
import Logo from "@/assets/logo.svg";
function Header({ onReset, children, }) {
    return (_jsxs("header", { className: "border-b border-gray-900 bg-gray-950 px-3 lg:px-6 py-2 flex justify-between items-center sticky top-0 z-20", children: [_jsxs("div", { className: "flex items-center justify-start gap-3", children: [_jsxs("h1", { className: "text-white text-lg lg:text-xl font-bold flex items-center justify-start", children: [_jsx("img", { src: Logo, alt: "DeepSite Logo", className: "size-6 lg:size-8 mr-2" }), "DeepSite"] }), _jsx("p", { className: "text-gray-700 max-md:hidden", children: "|" }), _jsxs("button", { className: "max-md:hidden relative cursor-pointer flex-none flex items-center justify-center rounded-md text-xs font-semibold leading-4 py-1.5 px-3 hover:bg-gray-700 text-gray-100 shadow-sm dark:shadow-highlight/20 bg-gray-800", onClick: onReset, children: [_jsx(MdAdd, { className: "mr-1 text-base" }), "New"] }), _jsx("p", { className: "text-gray-500 text-sm max-md:hidden", children: "Imagine and Share in 1-Click" })] }), children] }));
}
export default Header;