seagull-js/seagull

import { Page } from '@seagull/pages'
import * as React from 'react'
import { Doughnut } from 'react-chartjs-2'

const data = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
  datasets: [
    {
      label: 'My First dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [65, 59, 80, 81, 56, 55, 40],
    },
  ],
}

export default class VendorBundleIncludesPage extends Page {
  html() {
    return (
      <div>
        <Doughnut data={data} />
      </div>
    )
  }
}