UNPKG

@wener/console

Version:

Base console UI toolkit

27 lines (26 loc) 1.08 kB
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