@cimpress/react-components
Version:
React components to support the MCP styleguide
73 lines • 3.12 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const css_1 = require("@emotion/css");
const react_1 = __importStar(require("react"));
const navbar = (0, css_1.css) `
clear: both;
width: 100%;
display: flex;
align-items: center;
border-radius: 0;
border: none;
padding: 0 20px;
`;
class DocsHeader extends react_1.PureComponent {
render() {
return (react_1.default.createElement("div", null,
react_1.default.createElement("nav", { className: (0, css_1.cx)((0, css_1.css) `
background: #fff;
border-bottom: 1px solid #e1e6eb;
min-height: 50px;
justify-content: space-between;
box-shadow: none;
margin-bottom: 0;
`, navbar) },
react_1.default.createElement("div", { className: (0, css_1.css) `
margin-left: 0px;
text-decoration: none;
margin-right: auto;
padding: 0;
height: auto;
` },
react_1.default.createElement("img", { src: "https://static.ux.cimpress.io/mcp-ux-css/1.2/release/assets/logo-dark.svg", alt: "Cimpress" }))),
react_1.default.createElement("div", { className: "navbar-fluid " },
react_1.default.createElement("nav", { className: (0, css_1.cx)((0, css_1.css) `
background-color: #fff;
min-height: 50px;
padding: 0 20px;
box-shadow: 0 2px 4px 0 rgba(105, 117, 130, 0.16), 0 2px 4px 0 rgba(105, 117, 130, 0.23);
position: relative;
margin-bottom: 8px;
border: 1px solid transparent;
`, navbar) },
react_1.default.createElement("div", { className: "navbar-header" },
react_1.default.createElement("h2", { className: (0, css_1.css) `
margin: 0;
` }, "@cimpress/react-components demo page"))))));
}
}
exports.default = DocsHeader;
//# sourceMappingURL=DocsHeader.js.map