@wener/console
Version:
Base console UI toolkit
27 lines (26 loc) • 1.08 kB
JavaScript
import React from "react";
import { clsx } from "clsx";
import { cn } from "../../../tw/cn.js";
import { TitleTabLayout } from "../../components/index.js";
export const SettingLayout = ({ title, children, className, action, ...props }) => {
return /*#__PURE__*/ React.createElement(TitleTabLayout, {
title: title || "\u8BBE\u7F6E",
tabs: [],
className: cn("h-full", className),
action: action,
...props
}, children);
return /*#__PURE__*/ React.createElement("div", {
className: clsx("flex h-full w-full flex-col", className),
...props
}, /*#__PURE__*/ React.createElement("h3", {
className: "flex items-center gap-4 p-2 text-lg font-medium"
}, title, /*#__PURE__*/ React.createElement("div", {
className: "flex-1"
}), action), /*#__PURE__*/ React.createElement("hr", {
className: "border-color"
}), /*#__PURE__*/ React.createElement("div", {
className: "relative flex flex-1 flex-col flex-wrap gap-1 p-2"
}, children));
};
//# sourceMappingURL=SettingLayout.js.map