Variable InteractiveManagerConst

InteractiveManager - A parent component that automatically manages interactive chart tools

This component:

1. Scans its children to find interactive components
2. Renders a sidebar with toggle buttons for each found tool
3. Manages which tool is currently active (only one at a time)
4. Automatically injects the 'enabled' prop into interactive components
5. Handles layout to prevent chart overflow when sidebar is present by adjusting chart dimensions
6. Provides keyboard shortcuts: Delete/Backspace keys to remove the selected interactive item

Usage Example:

<InteractiveManager
  width={800}
  height={600}
  sidebarPosition="left"
  showSidebar={true}
>
  <ChartCanvas width={800} height={600} {...otherProps}>
    <Chart id={1}>
      <CandlestickSeries />
      <TrendLine />
      <FibonacciRetracement />
    </Chart>
  </ChartCanvas>
</InteractiveManager>
Copy

The InteractiveManager will:

• Automatically resize Chart when sidebar is shown or hidden
• Show toggle buttons for TrendLine and FibonacciRetracement tools
• Automatically manage the state of interactive tools
• Allow deletion of the selected item via Delete/Backspace keys