/** * Responsive breakpoint names */ export type Breakpoint = 'mobile' | 'tablet' | 'desktop'; /** * Custom hook for detecting current responsive breakpoint * * ## Business Perspective * * This hook enables widgets to adapt their layout and content based on * device size, ensuring optimal user experience for security officers * and executives accessing the application from different devices. 📱💻 * * Responsive design is critical for modern security dashboards that need * to be accessible on mobile devices during incident response. * * @returns Current breakpoint ('mobile', 'tablet', or 'desktop') * * @example * ```typescript * const breakpoint = useResponsiveBreakpoint(); * * return ( *
* {breakpoint === 'mobile' && } * {breakpoint === 'tablet' && } * {breakpoint === 'desktop' && } *
* ); * ``` */ export declare function useResponsiveBreakpoint(): Breakpoint; //# sourceMappingURL=useResponsiveBreakpoint.d.ts.map