"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MinimalLayout = MinimalLayout;

var _userProfile = require("../UserProfile/user-profile");

var _jsxRuntime = require("react/jsx-runtime");

function MinimalLayout(_ref) {
  var children = _ref.children,
      title = _ref.title;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: "flex flex-1",
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: "flex flex-col flex-1",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "sticky top-0 z-10 flex-shrink-0 flex h-16 bg-white shadow",
        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
          className: "flex-1 px-4 flex justify-between",
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
            className: "flex items-center",
            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
              children: title
            })
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
            className: "ml-4 flex items-center md:ml-6",
            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_userProfile.UserProfile, {})
          })]
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("main", {
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: "py-6 max-w-screen-lg mx-auto",
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
            className: "mx-auto px-4 sm:px-6 md:px-8",
            children: children
          })
        })
      })]
    })
  });
}