aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
30 lines • 983 B
TypeScript
import { DeviceInfo } from '../utils/deviceCapabilities';
/**
* Hook for accessing device capabilities and information.
*
* This hook wraps the device detection utility and provides React state management
* for device information. It's SSR-safe and provides a reload function for
* refreshing device detection when needed.
*
* @returns Object containing device information and reload function
*
* @example
* ```tsx
* function ResponsiveComponent() {
* const { deviceInfo, reload } = useDeviceCapabilities();
*
* return (
* <div>
* <p>Device Type: {deviceInfo.type}</p>
* <p>Performance Tier: {deviceInfo.performance.tier}</p>
* <button onClick={reload} className="glass-focus glass-touch-target glass-contrast-guard">Refresh Detection</button>
* </div>
* );
* }
* ```
*/
export declare function useDeviceCapabilities(): {
deviceInfo: DeviceInfo;
reload: () => void;
};
//# sourceMappingURL=useDeviceCapabilities.d.ts.map