import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/*
 * Copyright (c) 2023-2025 Datalayer, Inc.
 * Distributed under the terms of the Modified BSD License.
 */
import { Heading } from '@primer/react-brand';
import { lazyWithPreload, WithSuspense } from '../../utils/index.js';
import { HorizontalCenter } from '../../components/display/index.js';
import { CHART_4 } from './ChartMockOptions.js';
const ReactEcharts = WithSuspense(lazyWithPreload(() => import('echarts-for-react')), true);
export const ChartMock = (props) => {
    const { title } = props;
    return (_jsxs(HorizontalCenter, { children: [_jsx(Heading, { size: "3", children: title }), _jsx(ReactEcharts, { option: CHART_4, style: { width: '600px', height: '300px' } })] }));
};
export default ChartMock;
