apps/meteor/client/components/Header/HeaderState.tsx
import {
FeaturePreview,
FeaturePreviewOff,
FeaturePreviewOn,
HeaderV2State,
HeaderState as HeaderStateComponent,
} from '@rocket.chat/ui-client';
import type { ComponentProps } from 'react';
import React, { memo } from 'react';
const HeaderState = (props: ComponentProps<typeof HeaderStateComponent>) => (
<FeaturePreview feature='newNavigation'>
<FeaturePreviewOff>
<HeaderStateComponent {...props} />
</FeaturePreviewOff>
<FeaturePreviewOn>
<HeaderV2State {...props} />
</FeaturePreviewOn>
</FeaturePreview>
);
export default memo(HeaderState);