@useloops/design-system/dist/theme/theme.hooks.d.ts

The official React based Loops design system

import { ThemeCtx } from './theme.context.js';
import * as _mui_material from '@mui/material';
import { PaletteMode, Direction } from '@mui/material';
import { ScreenSize, CustomTheme } from './types.js';

declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
    breakpoint: "" | "sm" | "lg" | "md" | "xl";
    custom: CustomTheme;
    gridOverlayVisible: boolean;
    mode: PaletteMode;
    theme: _mui_material.Theme;
    toggleGridOverlay: () => void;
    toggleMode: (mode?: PaletteMode) => void;
};
declare const useTheme: () => ThemeCtx;

export { useTheme, useThemeBuilder };