text: export const doughnutLegends = [
    { title: 'Finished tasks', color: 'bg-blue-500' },
    { title: 'Pending tasks', color: 'bg-teal-600' },
  ]
  
  export const lineLegends = [
    { title: 'Completed Tasks', color: 'bg-teal-600' },
    { title: 'Tasks Number', color: 'bg-purple-600' },
  ]
  
  export const barLegends = [
    { title: 'productivity', color: 'bg-purple-600' },
  ]
  
  export const doughnutOptions = {
    data: {
      datasets: [
        {
          data: [1, 0],
          backgroundColor: ['#0694a2', '#1c64f2'],
          label: 'productivity',
        },
      ],
      labels: ['Finished tasks', 'Pending tasks'],
    },
    options: {
      responsive: true,
      cutoutPercentage: 80,
    },
    legend: {
      display: false,
    },
  }
  
  export const lineOptions = {
    data: {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'Organic',
          backgroundColor: '#0694a2',
          borderColor: '#0694a2',
          data: [3, 3, 4, 5, 3, 6, 7],
          fill: false,
        },
        {
          label: 'Paid',
          fill: false,
          backgroundColor: '#7e3af2',
          borderColor: '#7e3af2',
          data: [2, 5, 6, 7, 5, 5, 6],
        },
      ],
    },
    options: {
      responsive: true,
      tooltips: {
        mode: 'index',
        intersect: false,
      },
      hover: {
        mode: 'nearest',
        intersect: true,
      },
      scales: {
        x: {
          display: true,
          scaleLabel: {
            display: true,
            labelString: 'Month',
          },
        },
        y: {
          display: true,
          scaleLabel: {
            display: true,
            labelString: 'Value',
          },
        },
      },
    },
    legend: {
      display: false,
    },
  }
  
  export const barOptions = {
    data: {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'productivity',
          backgroundColor: '#7e3af2',
          // borderColor: window.chartColors.blue,
          borderWidth: 1,
          data: [66, 33, 43, 12, 54, 62, 84],
        },
      ],
    },
    options: {
      responsive: true,
    },
    legend: {
      display: false,
    },
  }
  