/** * Lazy Image Loader * * Use this for better performance - images are only loaded when needed * * @example * import { lazyImages } from '@erpsquad/common/assets/lazy-images'; * * const [logo, setLogo] = useState(null); * useEffect(() => { * lazyImages.logo().then(module => setLogo(module.default)); * }, []); */ export declare const lazyImages: { user: () => Promise; document: () => Promise; accounting: () => Promise; inventory: () => Promise; project: () => Promise; procurement: () => Promise; manufacturing: () => Promise; crm: () => Promise; hrms: () => Promise; office: () => Promise; rental: () => Promise; settings: () => Promise; addModule: () => Promise; logo: () => Promise; favicon: () => Promise; logout: () => Promise; tickicon: () => Promise; notification: () => Promise; question: () => Promise; vdivider: () => Promise; erp_logo: () => Promise; alert: () => Promise; more: () => Promise; search: () => Promise; avatar: () => Promise; avatarIcon: () => Promise; loginLeftBg: () => Promise; loginLeftSiteImage: () => Promise; }; /** * Helper hook for lazy loading images * * @example * const logo = useLazyImage('logo'); * return Logo; */ export declare const useLazyImage: (imageName: keyof typeof lazyImages) => string;