forked from elastic/kibana
-
Notifications
You must be signed in to change notification settings - Fork 0
/
panel.tsx
37 lines (32 loc) · 1.21 KB
/
panel.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0; you may not use this file except in compliance with the Elastic License
* 2.0.
*/
import React, { useState } from 'react';
import { EuiResizableContainer } from '@elastic/eui';
import { StateChange } from './components/state_change';
import '@elastic/eui/dist/eui_theme_light.css';
import './panel.css';
import { RecordedAction } from './types';
import { ActionList, ActionTree } from './components';
export const Panel = () => {
const [selectedAction, setSelectedAction] = useState<RecordedAction | null>(null);
return (
<EuiResizableContainer className="panel__resizeableContainer">
{(EuiResizablePanel, EuiResizableButton) => (
<>
<EuiResizablePanel initialSize={50}>
<ActionList onSelect={setSelectedAction} />
</EuiResizablePanel>
<EuiResizableButton />
<EuiResizablePanel initialSize={50}>
<StateChange action={selectedAction} />
<ActionTree action={selectedAction} />
</EuiResizablePanel>
</>
)}
</EuiResizableContainer>
);
};