deivce.view.tabs.tsx

export enum DeviceViewTabValues {
    METADATA = 'metadata',
    YANGMODEL = 'yang_model'
}

export const DeviceViewTabs = (activeTab: DeviceViewTabValues) => {
    
    const metadataTab = () => {
        return  (
            <div>test</div>
        )
    }
    
    const yangModelTab = () => {
        return (
            <div>asdf</div>
        )
    }
    

    return (
        <>
            {(activeTab === DeviceViewTabValues.METADATA) && metadataTab()}
            {(activeTab === DeviceViewTabValues.YANGMODEL) && yangModelTab()}
        </>
    );
}