import React from 'react'; import { Order, LimitList } from '../../models'; import { Paper, useTheme } from '@mui/material'; import DepthChart from '../../components/Charts/DepthChart'; interface DepthChartWidgetProps { layout: any; gridCellSize: number; orders: PublicOrder[]; currency: number; limitList: LimitList; windowSize: { width: number; height: number }; style?: Object; className?: string; onMouseDown?: () => void; onMouseUp?: () => void; onTouchEnd?: () => void; baseUrl: string; } const DepthChartWidget = React.forwardRef( ( { layout, gridCellSize, limitList, orders, baseUrl, currency, windowSize, style, className, onMouseDown, onMouseUp, onTouchEnd, }: DepthChartWidgetProps, ref, ) => { const theme = useTheme(); return React.useMemo(() => { return ( ); }, [currency, orders, limitList, layout]); }, ); export default DepthChartWidget;