diff --git a/src/components/VersionsSelect/VersionsSelect.tsx b/src/components/VersionsSelect/VersionsSelect.tsx new file mode 100644 index 00000000..1372c1ef --- /dev/null +++ b/src/components/VersionsSelect/VersionsSelect.tsx @@ -0,0 +1,36 @@ +import React, {useCallback, useState} from 'react'; +import {Select} from '@gravity-ui/uikit'; + +import {useTranslation} from '../../hooks'; + +export interface VersionsSelectProps { + version: string; + versions: string[]; + onChange: (version: string) => void; + className?: string; +} + +export const VersionsSelect: React.FC = (props) => { + const {version: defaultVersion, versions, className, onChange} = props; + const [version, setVersion] = useState(defaultVersion); + + const {t} = useTranslation('header'); + + const onUpdate = useCallback( + (selected: string[]) => { + onChange(selected[0]); + setVersion(selected[0]); + }, + [onChange, setVersion], + ); + + return ( +