diff --git a/src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/AzureHyperVSelect.tsx b/src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/AzureHyperVSelect.tsx
new file mode 100644
index 00000000..e69d0374
--- /dev/null
+++ b/src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/AzureHyperVSelect.tsx
@@ -0,0 +1,68 @@
+import React, { useState } from 'react';
+
+import { FormGroup } from '@patternfly/react-core';
+import {
+ Select,
+ SelectOption,
+ SelectVariant,
+} from '@patternfly/react-core/deprecated';
+
+import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
+import {
+ changeAzureHyperVGeneration,
+ selectAzureHyperVGeneration,
+} from '../../../../../store/wizardSlice';
+
+export const AzureHyperVSelect = () => {
+ const hyperVGeneration = useAppSelector(selectAzureHyperVGeneration);
+ const dispatch = useAppDispatch();
+ const [isOpen, setIsOpen] = useState(false);
+
+ const handleSelect = (_event: React.MouseEvent, selection: 'V1' | 'V2') => {
+ dispatch(changeAzureHyperVGeneration(selection));
+ setIsOpen(false);
+ };
+
+ const handleToggle = () => {
+ setIsOpen(!isOpen);
+ };
+
+ const selectOptions = [
+ ,
+ ,
+ ];
+
+ return (
+ <>
+
+
+
+ >
+ );
+};