import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { Badge, Button, Card, Collection, DataField } from "./components";
import { Routes, Route, Link } from "react-router-dom";
import { AppLayoutProvider } from "./index";
import "./index.css";
import { DocsMenu } from "./docs/DocsMenu";
import DocsRouter from "./docs/DocsRouter";
import { AuthDocs } from "./docs/AuthDocs.tsx/AuthDocs";
import packageJson from "../package.json";
function HomeContent() {
    return (_jsxs(_Fragment, { children: [_jsx(Card, { title: "Empleados", className: "bg-gray-50", children: _jsx(Card, { className: "w-1/2", title: "FALCONE WALTER ALDO", subtitle: "3558-03 - Titular", footer: _jsx(Button, { children: "Ver" }), headerActions: _jsxs(_Fragment, { children: [_jsx(Badge, { variant: "secondary", children: "OSOCNA" }), _jsx(Badge, { variant: "secondary", children: "B\u00C1SICO" })] }), children: _jsxs(Collection, { direction: "row", gap: "1rem", wrap: true, children: [_jsx(DataField, { label: "Cuil", value: "20179902711" }), _jsx(DataField, { label: "Doc", value: "17990271" }), _jsx(DataField, { label: "F Nac", value: "23/06/1966" }), _jsx(DataField, { label: "F Alta", value: "01/03/2012" })] }) }) }), _jsx("div", { children: _jsx(AuthDocs, {}) })] }));
}
function LeftDrawerHeader() {
    return (_jsx("div", { className: "h-[64px] flex flex-col  justify-center px-4 bg-gray-300", children: _jsx("h2", { className: "text-lg font-bold text-accent", children: _jsx(Link, { to: "/", children: "Flysoft React UI" }) }) }));
}
function LeftDrawerFooter() {
    return (_jsx("div", { className: "px-4 bg-gray-300", children: _jsxs("span", { children: ["v ", packageJson.version] }) }));
}
function App() {
    return (_jsx(AppLayoutProvider, { initialTheme: "light", forceInitialTheme: false, initialNavbar: {
            navBarLeftNode: _jsx(_Fragment, { children: "LEFT NODE" }),
            fullWidthNavbar: false,
            className: "bg-gray-300 pl-0 lg:pl-8",
        }, initialLeftDrawer: {
            headerNode: _jsx(LeftDrawerHeader, {}),
            contentNode: _jsx(DocsMenu, {}),
            footerNode: _jsx(LeftDrawerFooter, {}),
        }, children: _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(HomeContent, {}) }), _jsx(Route, { path: "/docs/*", element: _jsx(DocsRouter, {}) })] }) }));
}
export default App;
