@makeen.io/material-ui-kit/distr/molecules/BreadcrumbHeader/index.js

Makeen UI components kit. Based on material-ui.

import _extends from "@babel/runtime/helpers/extends";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  border-radius: 0;\n  align-items: center;\n  ", ";\n\n  .explorer-header_main {\n    .MuiTypography-h6 {\n      margin-bottom: 5px;\n    }\n  }\n\n  .explorer-header_actions {\n    margin-left: auto;\n  }\n\n  ", " {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 56px;\n    padding: 8px;\n    background-color: ", ";\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import { Typography } from "@material-ui/core";
import { Breadcrumb } from "../../atoms";
import styled from "styled-components";
var HeaderWrapper = styled.div(_templateObject(),




function (props) {return props.customStyle && props.customStyle();},











function (props) {return props.theme.breakpoints.down("sm");},





function (props) {return props.theme.palette.common.white;});


export default (function (props) {return /*#__PURE__*/React.createElement(HeaderWrapper, _extends({}, props), /*#__PURE__*/
  React.createElement("div", { className: "explorer-header_main" }, /*#__PURE__*/
  React.createElement(Typography, { variant: "h6" }, props.title),
  props.breadcrumb && /*#__PURE__*/React.createElement(Breadcrumb, { breadcrumb: props.breadcrumb })), /*#__PURE__*/
  React.createElement("div", { className: "explorer-header_actions" }, props.children));});
//# sourceMappingURL=index.js.map