import type { IChartStyles } from './model/IChartProps'

export const getLineDatasets = (styles: IChartStyles) => {
  return [
    {
      data: [],
      borderColor: styles['--color-graph-purple'],
      borderWidth: 2,
      tension: 0.5,
      pointBackgroundColor: styles['--color-neutral-0'],
      pointStyle: 'circle',
      pointHoverBorderWidth: 2,
      pointHoverRadius: 4,
    },
    {
      data: [],
      borderColor: styles['--color-graph-magenta'],
      borderWidth: 2,
      tension: 0.5,
      pointBackgroundColor: styles['--color-neutral-0'],
      pointStyle: 'circle',
      pointHoverBorderWidth: 2,
      pointHoverRadius: 4,
    },
    {
      data: [],
      borderColor: styles['--color-graph-turquioise'],
      borderWidth: 2,
      tension: 0.5,
      pointBackgroundColor: styles['--color-neutral-0'],
      pointStyle: 'circle',
      pointHoverBorderWidth: 2,
      pointHoverRadius: 4,
    },
    {
      data: [],
      borderColor: styles['--color-graph-blue'],
      borderWidth: 2,
      tension: 0.5,
      pointBackgroundColor: styles['--color-neutral-0'],
      pointStyle: 'circle',
      pointHoverBorderWidth: 2,
      pointHoverRadius: 8,
    },
    {
      data: [],
      borderColor: styles['--color-graph-yellow'],
      borderWidth: 2,
      tension: 0.5,
      pointBackgroundColor: styles['--color-neutral-0'],
      pointStyle: 'circle',
      pointHoverBorderWidth: 2,
      pointHoverRadius: 4,
    },
  ]
}

export const getPieDatasets = (styles: IChartStyles) => {
  return [
    {
      data: [],
      backgroundColor: [
        styles['--color-graph-purple'],
        styles['--color-graph-magenta'],
        styles['--color-graph-turquioise'],
        styles['--color-graph-blue'],
        styles['--color-graph-yellow'],
      ],
    },
  ]
}

export const getDoughnutDatasets = (styles: IChartStyles) => {
  return [
    {
      data: [],
      cutout: '70%',
      backgroundColor: [
        styles['--color-graph-purple'],
        styles['--color-graph-magenta'],
        styles['--color-graph-turquioise'],
        styles['--color-graph-blue'],
        styles['--color-graph-yellow'],
      ],
    },
  ]
}

export const getBarDatasets = (styles: IChartStyles, isDisabled: boolean) => {
  return [
    {
      data: [],
      backgroundColor: isDisabled ? styles['--color-text-700'] : styles['--color-graph-purple'],
      borderWidth: 0,
    },
    {
      data: [],
      backgroundColor: isDisabled ? styles['--color-text-700'] : styles['--color-graph-magenta'],
      borderWidth: 0,
    },
    {
      data: [],
      backgroundColor: isDisabled ? styles['--color-text-700'] : styles['--color-graph-turquioise'],
      borderWidth: 0,
    },
    {
      data: [],
      backgroundColor: isDisabled ? styles['--color-text-700'] : styles['--color-graph-blue'],
      borderWidth: 0,
    },
    {
      data: [],
      backgroundColor: isDisabled ? styles['--color-text-700'] : styles['--color-graph-yellow'],
      borderWidth: 0,
    },
  ]
}