"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.RegularPageHeader = exports.PageHeaderWithChildren = exports.PageHeaderReactNodeTitle = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / PageHeader',
  parameters: {
    component: _.PageHeaderCard
  }
};
var RegularPageHeader = exports.RegularPageHeader = {
  render: function render() {
    return _react.default.createElement(_.PageHeaderCard, {
      title: "Your darkest loaves"
    });
  },
  name: 'Regular page header'
};
var PageHeaderWithChildren = exports.PageHeaderWithChildren = {
  render: function render() {
    return _react.default.createElement(_.PageHeaderCard, {
      title: "Your darkest loaves"
    }, _react.default.createElement(_.Box, {
      py: 2,
      sm: {
        py: 0
      }
    }, _react.default.createElement(_.Flexbox, {
      container: true,
      gap: 2,
      alignItems: "center",
      justifyContent: "space-between"
    }, _react.default.createElement(_.Flexbox, {
      item: true
    }, "The eternal loremipsum, The portuguese friend"), _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(_.Button, null, "Click here to recruit carl")))));
  }
};
var PageHeaderReactNodeTitle = exports.PageHeaderReactNodeTitle = {
  render: function render() {
    return _react.default.createElement(_.PageHeaderCard, {
      title: _react.default.createElement(_.Typography, {
        type: "title2",
        as: "h1"
      }, "I am a ReactNode")
    });
  },
  name: 'Page header ReactNode title'
};