/**
 * useDevice Hook
 *
 * 封装设备类型检测，提供简洁的 API 供组件使用
 *
 * @example
 * const { isMobile, isTablet, isDesktop, deviceType } = useDevice();
 *
 * if (isMobile) return <MobileView />;
 * if (isTablet) return <TabletView />;
 * return <DesktopView />;
 */
import { useSelector } from 'react-redux';
import {
  selectIsMobile,
  selectIsTablet,
  selectIsDesktop,
  selectDeviceType,
} from '@/store/slices/deviceSlice';

export const useDevice = () => {
  const isMobile = useSelector(selectIsMobile);
  const isTablet = useSelector(selectIsTablet);
  const isDesktop = useSelector(selectIsDesktop);
  const deviceType = useSelector(selectDeviceType);

  return {
    isMobile,
    isTablet,
    isDesktop,
    deviceType,
  };
};

export default useDevice;