'use client'
import PageContainer from "@/app/components/container/PageContainer";
import Breadcrumb from "@/app/(DashboardLayout)/layout/shared/breadcrumb/Breadcrumb";
import React from "react";
import Grid from '@mui/material/Grid';
import BasicScatterChart from "@/app/components/muicharts/scattercharts/BasicScatterChart";
import ScatterDatasetChart from "@/app/components/muicharts/scattercharts/ScatterDatasetChart";
import VoronoiInteractionChart from "@/app/components/muicharts/scattercharts/VoronoiInteractionChart";
import ScatterClickNoSnapChart from "@/app/components/muicharts/scattercharts/ScatterClickNoSnapChart";

const BCrumb = [
    {
        to: "/",
        title: "Home",
    },
    {
        title: "ScatterCharts ",
    },
];

const ScatterCharts = () => {
    return (
        <PageContainer title="ScatterCharts" description="this is ScatterCharts ">

            <Breadcrumb title="ScatterCharts" items={BCrumb} />
            <Grid container spacing={3}>

                <BasicScatterChart />

                <ScatterDatasetChart />

                <VoronoiInteractionChart />

                <ScatterClickNoSnapChart />


            </Grid>
        </PageContainer>
    );
};

export default ScatterCharts;
