device.viewmodel.ts

import { useAppDispatch, useAppSelector } from "@hooks";
import { setActiveTab as setActiveTabState } from "@reducer/device.reducer";
import { DeviceViewTabValues } from "@view/device/device.view.tabs";

export const useDeviceViewModel = () => {
    const {activeTab} = useAppSelector(state => state.device);
    const dispatch = useAppDispatch();
    
    const handleActiveTabLink = (tabLink: DeviceViewTabValues) => {
        return activeTab === tabLink ? 'active' : '';
    }

    const setActiveTab = (tab: DeviceViewTabValues) => {
        dispatch(setActiveTabState(tab));
    }
    

    return {
        activeTab,
        setActiveTab,
        handleActiveTabLink
    }
}