@loke/design-system
Version:
A design system with individually importable components
26 lines (25 loc) • 839 B
TypeScript
import type { LokeIcon } from "@loke/icons";
import { type ReactNode } from "react";
type SidebarConfig = {
trigger: ReactNode;
imageUrl: string;
};
declare function PageLayoutSidebarProvider({ children, sidebar, }: {
children: ReactNode;
sidebar: SidebarConfig;
}): import("react/jsx-runtime").JSX.Element;
type PageLayoutProps = {
children: ReactNode;
header: {
icon: LokeIcon;
title: string;
belowTitle?: ReactNode;
rightAside?: ReactNode;
};
sidebar?: SidebarConfig;
loading?: boolean;
};
declare const HEADER_HEIGHT = "8rem";
declare const PageLayout: ({ children, header, loading, sidebar: sidebarProp, }: PageLayoutProps) => import("react/jsx-runtime").JSX.Element;
export { HEADER_HEIGHT, PageLayout, PageLayoutSidebarProvider };
export type { PageLayoutProps };