import * as React from "react";
import { Chart, Line, Point } from "mutpoint";
 
interface Props { }
 
export default (props: Props) => {
    const [points, setPoints] = React.useState<Point[]>(
    // generate sine data from an array of size 10
    new Array(10).fill(null).map((_, i) => {
        const x = (i + 1) / Math.PI * 2;
        return {
        x,
        y: Math.sin(x),
        }
    })
    );
    return (
    <>
        <Chart
        height={300}
        width={500}
        points={points}
        >
        <Line />
        </Chart>
    </>
    );
}