Cl React Charts

import {
  Base,
  Path,
  useWidth,
} from 'cl-react-graph;
import { line } from 'd3-shape';


const MyComponent = () => {
  const [ref, width] = useWidth('90%');
  const data: [number, number][] = [[0, 0], [30, 30], [50, 20], [width, 0], [width / 2, 100]];
  return (
    <div ref={ref}>
    <Base
      width={width}
      height={200}
      title="Path example"
    >
      <Path
        fill={theme.purple900}
        stroke={theme.grey400}
        opacity={1}
        d={line()(data) ?? ''}
      />
    </Base>
  </div>
  )
}