const data: LineChartData = {
  dataSets: [{
    values: [{ y: 45 }, { y: 52 }, { y: 68 }, { y: 73 }],
    config: {
      colors: ['#3B82F6'],
      mode: 'CUBIC_BEZIER',
      drawFilled: true,
    },
  }],
};

const data: BarChartData = {
  dataSets: [{
    values: [{ y: 25 }, { y: 32 }, { y: 28 }, { y: 41 }],
    config: {
      colors: ['#10B981', '#14B8A6', '#06B6D4', '#3B82F6'],
      drawValues: true,
    },
  }],
};

const data: PieChartData = {
  dataSets: [{
    values: [
      { value: 35, label: 'iOS' },
      { value: 45, label: 'Android' },
      { value: 20, label: 'Other' },
    ],
    config: { sliceSpace: 3 },
  }],
};

const data: ScatterChartData = {
  dataSets: [{
    values: [
      { x: 1, y: 5 }, { x: 2, y: 8 },
      { x: 3, y: 4 }, { x: 4, y: 9 },
    ],
    config: { scatterShape: 'CIRCLE' },
  }],
};

const data: BubbleChartData = {
  dataSets: [{
    values: [
      { x: 1, y: 5, size: 20 },
      { x: 3, y: 8, size: 35 },
      { x: 5, y: 3, size: 15 },
    ],
    config: { colors: ['#8B5CF6'] },
  }],
};

const data: CandleChartData = {
  dataSets: [{
    values: [{
      shadowH: 105, shadowL: 95,
      open: 98, close: 102,
    }],
    config: { increasingColor: '#10B981' },
  }],
};

const data: RadarChartData = {
  labels: ['Speed', 'Power', 'Defense', 'Range'],
  dataSets: [{
    values: [{ value: 80 }, { value: 65 },
             { value: 90 }, { value: 70 }],
    config: { drawFilled: true },
  }],
};

const data: CombinedChartData = {
  lineData: {
    dataSets: [{ values: [{ y: 30 }, { y: 45 }] }],
  },
  barData: {
    dataSets: [{ values: [{ y: 50 }, { y: 35 }] }],
  },
};

// Use HorizontalBarChart component
const data: BarChartData = {
  dataSets: [{
    values: [{ y: 42 }, { y: 28 }, { y: 18 }],
    config: {
      colors: ['#F59E0B', '#EF4444', '#8B5CF6'],
    },
  }],
};