@wener/console/lib/web/layouts/MenuLayout.js

Base console UI toolkit

import React from "react";
export const MenuLayout = ({ children, title, 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-compact menu bg-base-100 py-2"
    }, menu.map(({ href, label }, i)=>{
        // fixme
        return /*#__PURE__*/ React.createElement("a", {
            key: i,
            href: href
        }, /*#__PURE__*/ React.createElement("li", null, /*#__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)));
};

//# sourceMappingURL=MenuLayout.js.map