text: import React from 'react';
  import Plot from 'react-plotly.js';
  
  const RenderGraphPage = () => {
    const data = [
      {
        type: 'bar',
        x: [1, 2, 3, 4],
        y: [5, 10, 2, 8],
        marker: {
          color: '#C8A2C8',
          line: {
            width: 2.5,
          },
        },
      },
    ];
  
    const layout = {
      width: 100,
      height: 100,
      title: 'Test Graph',
      font: { size: 1 },
    };
  
    return (
      <Plot data={data} layout={layout} config={{ displayModeBar: true }} />
    );
  };
  
  export default RenderGraphPage;
  