@wener/console
Version:
Base console UI toolkit
27 lines (26 loc) • 1.23 kB
JavaScript
import React from 'react';
export var MenuLayout = function(param) {
var children = param.children, title = param.title, _param_menu = param.menu, menu = _param_menu === void 0 ? [] : _param_menu;
return /*#__PURE__*/ React.createElement("div", {
className: 'flex h-screen'
}, /*#__PURE__*/ React.createElement("aside", {
className: 'border-color flex w-[200px] flex-col border-r'
}, /*#__PURE__*/ React.createElement("header", {
className: 'border-color flex items-center border-b px-2 py-4'
}, /*#__PURE__*/ React.createElement("div", {
className: 'text-lg font-medium'
}, title)), /*#__PURE__*/ React.createElement("ul", {
className: "menu menu-sm bg-base-100 py-2"
}, menu.map(function(param, i) {
var href = param.href, label = param.label;
return /*#__PURE__*/ React.createElement("li", {
key: i
}, /*#__PURE__*/ React.createElement("a", {
href: href
}, label));
}))), /*#__PURE__*/ React.createElement("main", {
className: 'relative h-full flex-1 overflow-auto'
}, /*#__PURE__*/ React.createElement("div", {
className: 'scrollbar-thin absolute inset-0'
}, children)));
};