@open-tender/ui
Version:
A component library for use with the Open Tender web app
17 lines (16 loc) • 1.41 kB
JavaScript
import { ArrowLeft } from 'iconoir-react';
import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
import Image from './Image';
import View from './View';
const Header = ({ config, handlers, backText = 'Back', showButtons = true, renderSignInButton, renderTagsButton }) => {
return (React.createElement(View, Object.assign({}, makeProps(config, 'header')),
React.createElement(View, Object.assign({}, makeProps(config, 'header__left')), showButtons && handlers && (React.createElement(Button, Object.assign({}, makeProps(config, 'header__back'), { onClick: handlers.back, icon: React.createElement(ArrowLeft, { width: 16, height: 16, strokeWidth: 2 }), iconDisplay: "before", text: backText })))),
React.createElement(View, Object.assign({}, makeProps(config, 'header__center')), handlers ? (React.createElement(Button, Object.assign({}, makeProps(config, 'header__startOver'), { onClick: handlers.startOver }),
React.createElement(Image, Object.assign({}, makeProps(config, 'header__logo'))))) : (React.createElement(Image, Object.assign({}, makeProps(config, 'header__logo'))))),
React.createElement(View, Object.assign({}, makeProps(config, 'header__right')),
renderTagsButton && renderTagsButton(),
showButtons && handlers && renderSignInButton && renderSignInButton())));
};
export default Header;