([
+ {
+ name: 'English',
+ key: 'en',
+ active: true,
+ },
+ {
+ name: 'German',
+ key: 'de',
+ active: false,
+ },
+ {
+ name: 'Russian',
+ key: 'ru',
+ active: false,
+ },
+ ]);
+
+ return (
+
+ setInValue(newValue)}
+ inOptions={inOptions}
+ onInOptionsUpdate={newInOptions => {
+ setInOptions(newInOptions);
+ }}
+ outOptions={outOptions}
+ onOutOptionsUpdate={newOutOptions => {
+ setOutOptions(newOutOptions);
+ }}
+ outValue={'Hello'}
+ />
+
+ );
+};