Line data    Source code

       1              : import * as React from 'react';
       2              : 
       3              : import { AnchorAlignment, AnchorSide } from '../foundations/anchored_position.js';
       4              : import { AnchoredOverlay } from '../foundations/anchored_overlay.js';
       5              : import { OverlaySize } from '../foundations/overlay.js';
       6              : import { LogViewer } from './log_viewer.js';
       7              : 
       8              : interface Props {
       9              :     isOpen: boolean;
      10              :     onOpen?: () => void;
      11              :     onClose: () => void;
      12              :     renderAnchor: (props: object) => React.ReactElement;
      13              :     side?: AnchorSide;
      14              :     align?: AnchorAlignment;
      15              :     anchorOffset?: number;
      16              : }
      17              : 
      18            1 : export const LogsOverlay: React.FC<Props> = props => (
      19            1 :     <AnchoredOverlay
      20            1 :         open={props.isOpen}
      21            1 :         onOpen={props.onOpen}
      22            1 :         onClose={props.onClose}
      23            1 :         renderAnchor={props.renderAnchor}
      24            1 :         side={props.side}
      25            1 :         align={props.align}
      26            1 :         anchorOffset={props.anchorOffset}
      27            1 :         overlayProps={{ width: OverlaySize.XL, height: OverlaySize.L }}
      28              :     >
      29            1 :         <LogViewer onClose={props.onClose} />
      30            1 :     </AnchoredOverlay>
      31              : );