import React from 'react' ; import { EuiIcon } from '@elastic/eui' ; import { i18n } from '@osd/i18n' ; export type ResizerMouseEvent = React . MouseEvent < HTMLButtonElement , MouseEvent > ; export type ResizerKeyDownEvent = React . KeyboardEvent < HTMLButtonElement > ; export interface Props { onKeyDown : ( eve : ResizerKeyDownEvent ) => void ; onMouseDown : ( eve : ResizerMouseEvent ) => void ; className ? : string ; } export function Resizer ( props ) { return ( < button { ... props } data - test - subj = "splitPanelResizer" aria - label = { i18n . translate ( 'opensearch-dashboards-react.splitPanel.adjustPanelSizeAriaLabel' , { defaultMessage : 'Press left/right to adjust panels size' , } ) } > < EuiIcon type = "grabHorizontal" / > < /button>); }