text: import React from 'react';
  import {ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Legend} from 'recharts';
  
  const data = [
    {name: 'Page A', uv: 4000, pv: 2400},
    {name: 'Page B', uv: 3000, pv: 1398},
    {name: 'Page C', uv: 2000, pv: 9800},
    {name: 'Page D', uv: 2780, pv: 3908},
    {name: 'Page E', uv: 1890, pv: 4800},
    {name: 'Page F', uv: 2390, pv: 3800},
    {name: 'Page G', uv: 3490, pv: 4300}
  ];
  
  export default () => {
    return (
      <ComposedChart width={730} height={250} data={data}>
        <CartesianGrid strokeDasharray="3 3" />
        <XAxis dataKey="name" />
        <YAxis />
        <Legend />
        <Bar dataKey="uv" fill="#8884d8" />
        <Line dataKey="uv" stroke="#82ca9d" />
      </ComposedChart>
    );
  };