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 ( + <> + + + + + ); +};