@ducor/react/dist/components/devMode.js

admin template ui interface

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from "react";
import Flex from "./flex";
import Button from "./button";
import Dropdown from "./dropdown";
const DevWidget = ({ children }) => {
    return _jsx("div", { className: 'relative w-full border p-2 my-5', children: children });
};
const Header = ({ children }) => {
    const [isOpen, setIsOpen] = useState(false);
    return (_jsx("div", { className: 'absolute right-1 -top-5 z-10', children: _jsxs(Dropdown, { className: 'flex gap-2', children: [_jsx(Dropdown.Toggle, { children: _jsx(Button, { onClick: () => setIsOpen(true), size: 'sm', color: 'secondary', className: 'rounded-full px-2', children: _jsx("i", { className: 'feather-feather ' }) }) }), _jsx(Dropdown.Menu, { className: 'right-0 top-8 ', children: isOpen ? _jsx("div", { className: 'flex gap-1 p-1 ', children: children }) : null })] }) }));
};
const Body = ({ children }) => {
    return _jsx("div", { className: 'block', children: children });
};
const Footer = ({ children }) => {
    return (_jsx(Flex, { justify: 'center', align: 'center', children: children }));
};
export default Object.assign(DevWidget, {
    Header,
    Body,
    Footer,
});