import type { MaybeRefOrGetter } from 'vue';
import { useDeviceManagement } from './use-device-management';
import { useDeviceSelection } from './use-device-selection';

export const useDeviceTree = (options?: { syncRoute?: MaybeRefOrGetter<boolean> }) => {
  const { syncRoute } = options ?? {};

  const deviceSelection = useDeviceSelection({ syncRoute });
  const deviceManagement = useDeviceManagement();

  return {
    ...deviceSelection,
    ...deviceManagement,
  };
};

export type UseDeviceTreeReturn = ReturnType<typeof useDeviceTree>;