import { CHART_COLORS } from '@/components/ui/Charts/Charts.constants'

export const CHART_TABS = [
  { id: 'query_latency', label: 'Query latency' },
  { id: 'rows_read', label: 'Rows read' },
  { id: 'calls', label: 'Calls' },
  { id: 'cache_hits', label: 'Cache hits' },
]

export const LEGEND_ITEMS: Record<string, { label: string; color: string; dataKey: string }[]> = {
  query_latency: [
    { label: 'P50', color: 'hsl(var(--chart-4))', dataKey: 'p50' },
    { label: 'P95', color: CHART_COLORS.GREEN_1, dataKey: 'p95' },
  ],
  rows_read: [{ label: 'Rows Read', color: CHART_COLORS.GREEN_1, dataKey: 'rows_read' }],
  calls: [{ label: 'Calls', color: CHART_COLORS.GREEN_1, dataKey: 'calls' }],
  cache_hits: [{ label: 'Cache Hits', color: '#10B981', dataKey: 'cache_hits' }],
}

export const CHART_TYPE = 'linear'

export const SEL_COLOR = 'hsl(var(--chart-blue))'