@ultraviolet/plus
Version:
Ultraviolet Plus
35 lines (34 loc) • 4.88 kB
JavaScript
"use client";
import { jsx } from "@emotion/react/jsx-runtime";
import _styled from "@emotion/styled/base";
import { Stack } from "@ultraviolet/ui";
import { memo } from "react";
import { useNavigation } from "./NavigationProvider.js";
const HeaderContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
target: "ejjkcpm1"
} : {
target: "ejjkcpm1",
label: "HeaderContainer"
})("background:", ({
theme
}) => theme.colors.neutral.background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgICBhbGlnbkl0ZW1zPVwic3RhcnRcIlxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
const LogoContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
target: "ejjkcpm0"
} : {
target: "ejjkcpm0",
label: "LogoContainer"
})("margin:", ({
theme
}) => `${theme.space["3"]} ${theme.space["3"]} ${theme.space["2"]} ${theme.space["3"]}`, ";max-width:220px;height:22px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVltQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgICBhbGlnbkl0ZW1zPVwic3RhcnRcIlxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
const Header = memo(({
logo
}) => {
const {
animation,
expanded
} = useNavigation();
return /* @__PURE__ */ jsx(HeaderContainer, { children: /* @__PURE__ */ jsx(LogoContainer, { justifyContent: !expanded ? "center" : void 0, alignItems: "start", children: typeof logo === "function" ? logo(animation ? false : expanded) : logo }) });
});
export {
Header
};