@open-tender/ui
Version:
A component library for use with the Open Tender web app
20 lines (19 loc) • 1.95 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const iconoir_react_1 = require("iconoir-react");
const react_1 = tslib_1.__importDefault(require("react"));
const utils_1 = require("../utils");
const Button_1 = tslib_1.__importDefault(require("./Button"));
const Image_1 = tslib_1.__importDefault(require("./Image"));
const View_1 = tslib_1.__importDefault(require("./View"));
const Header = ({ config, handlers, backText = 'Back', showButtons = true, renderSignInButton, renderTagsButton }) => {
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'header')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'header__left')), showButtons && handlers && (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'header__back'), { onClick: handlers.back, icon: react_1.default.createElement(iconoir_react_1.ArrowLeft, { width: 16, height: 16, strokeWidth: 2 }), iconDisplay: "before", text: backText })))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'header__center')), handlers ? (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'header__startOver'), { onClick: handlers.startOver }),
react_1.default.createElement(Image_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'header__logo'))))) : (react_1.default.createElement(Image_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'header__logo'))))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'header__right')),
renderTagsButton && renderTagsButton(),
showButtons && handlers && renderSignInButton && renderSignInButton())));
};
exports.default = Header;