@brizy/ui
Version:
React elements in Brizy style
33 lines (32 loc) • 2.02 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Header = void 0;
const react_1 = __importDefault(require("react"));
const classNamesFn_1 = require("../classNamesFn");
const layout_1 = __importDefault(require("antd/lib/layout"));
const Icon_1 = require("../Icon");
const icons_1 = require("../icons");
const constants_1 = require("../constants");
const { Header: AntHeader } = layout_1.default;
const Header = props => {
const { shadow = true, onBack, onClose, onHelper, children } = props;
const hasBack = typeof onBack === "function";
const hasClose = typeof onClose === "function";
const hasHelper = typeof onHelper === "function";
const className = (0, classNamesFn_1.classNames)()("header", {
"header--back": hasBack,
"header--close": hasClose,
"header--shadow": shadow,
});
return (react_1.default.createElement(AntHeader, { className: className },
react_1.default.createElement("div", { className: `${constants_1.BRZ_PREFIX}-header__back` }, hasBack && react_1.default.createElement(Icon_1.Icon, { source: icons_1.CmsArrowLeft, onClick: onBack })),
react_1.default.createElement("div", { className: `${constants_1.BRZ_PREFIX}-header__content` }, children),
react_1.default.createElement("div", { className: `${constants_1.BRZ_PREFIX}-header__actions` },
hasHelper && (react_1.default.createElement("div", { className: `${constants_1.BRZ_PREFIX}-header__helper` },
react_1.default.createElement(Icon_1.Icon, { source: icons_1.QuestionCircleOutlined, onClick: onHelper }))),
react_1.default.createElement("div", { className: `${constants_1.BRZ_PREFIX}-header__close` }, hasClose && react_1.default.createElement(Icon_1.Icon, { source: icons_1.CmsClose, size: "14px", onClick: onClose })))));
};
exports.Header = Header;