import React from 'react'; import { DualListSelector as DLSDeprecated } from '@patternfly/react-core/deprecated'; export const DualListSelectorBasic: React.FunctionComponent = () => { const [availableOptions, setAvailableOptions] = React.useState([ 'Option 1', 'Option 2', 'Option 3', 'Option 4' ]); const [chosenOptions, setChosenOptions] = React.useState([]); const onListChange = ( event: React.MouseEvent, newAvailableOptions: React.ReactNode[], newChosenOptions: React.ReactNode[] ) => { setAvailableOptions(newAvailableOptions.sort()); setChosenOptions(newChosenOptions.sort()); }; return ( ); };