@rtbjs/use-state/dist/cjs/components/header.js

`@rtbjs/use-state` is a state management tool that can act as a local state and be easily turned into a global redux state. It is an innovative approach to state management that combines the advantages of both React's useState and Redux's state management

"use strict";
exports.__esModule = true;
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var antd_1 = require("antd");
var styled_components_1 = require("styled-components");
var react_router_dom_1 = require("react-router-dom");
var icons_1 = require("@ant-design/icons");
var Container = (0, styled_components_1.styled)(antd_1.Layout.Header)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  background: #f1f3f4;\n  gap: 16px;\n  height: 34px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  background: #f1f3f4;\n  gap: 16px;\n  height: 34px;\n"])));
var Header = function () {
    var navigate = (0, react_router_dom_1.useNavigate)();
    return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(antd_1.Button, tslib_1.__assign({ icon: (0, jsx_runtime_1.jsx)(icons_1.ArrowLeftOutlined, {}), onClick: function () { return navigate(-1); } }, { children: "Back" })), (0, jsx_runtime_1.jsx)(antd_1.Button, tslib_1.__assign({ onClick: function () { return navigate('/logout'); } }, { children: "Logout" }))] }));
};
exports["default"] = Header;
var templateObject_1;
//# sourceMappingURL=header.js.map