import { ScaleBand, ScaleLinear } from "d3-scale";

export type ScaleLinearType = ScaleLinear<number, number>;
export type ScaleBandType = ScaleBand<number | string>;

export interface YAxisData {
	key: string; // string value for ChartLabel and useGraphData
	values: Array<number>;
	// including this code only for review --
	// do we prefer the idea of passing label formatting from the data or in the component?
	// generic function type, specific usage of value varies
	// eslint-disable-next-line no-unused-vars
	formatLabel?: (value: number) => string;
}

export type XValue = string | number;

export interface GraphData {
	xValues: Array<XValue>;
	yValues: Array<YAxisData>;
}

export interface YAxisProps {
	maxLeftYAxisValue?: number;
	maxRightYAxisValue?: number;
	selectedLeftYAxisLabel?: string;
	selectedRightYAxisLabel?: string;
	// generic function type, specific usage of value varies
	// eslint-disable-next-line no-unused-vars
	formatRightYAxisLabel?: (value: string) => string;
	// generic function type, specific usage of value varies
	// eslint-disable-next-line no-unused-vars
	formatLeftYAxisLabel?: (value: string) => string;
}
export interface GraphProps {
	data: GraphData;
	includeColors?: boolean;
	height?: number;
	spacingInner?: number;
	spacingOuter?: number;
	contentInset?: { top: number; bottom: number };
	min?: number;
	numberOfTicks?: number;
	barColors?: Array<string>;
	lineStrokeWidth?: number;
	useCommonScale?: boolean;
	yAxisProps?: YAxisProps;
}
/**
 * Common properties for graph render components.
 *
 * @interface CommonProps
 * @property {GraphData} data - The primary data source for the graph.
 * @property {number} [height] - Optional. The height of the graph.
 * @property {number} [spacingInner] - Optional. The inner spacing between elements in the graph.
 * @property {number} [spacingOuter] - Optional. The outer spacing of the elements in the graph.
 * @property {{ top: number; bottom: number }} [contentInset] - Optional. Insets for the content of the graph.
 * @property {number} [min] - Optional. The minimum value represented on the graph.
 * @property {number} [numberOfTicks] - Optional. The number of tick marks along the axis.
 * @property {Array<string>} [barColors] - Optional. Colors used for bars in the graph.
 * @property {boolean} [useCommonScale] - Optional. Flag to use a common scale across multiple components.
 * @property {YAxisProps} [yAxisProps] - Optional. Properties for the Y-axis of the graph.
 * @property {string} [testID] - Optional. Identifier for testing purposes.
 */
export interface CommonProps {
	data: GraphData;
	height?: number;
	spacingInner?: number;
	spacingOuter?: number;
	contentInset?: { top: number; bottom: number };
	min?: number;
	numberOfTicks?: number;
	barColors?: Array<string>;
	lineStrokeWidth?: number;
	useCommonScale?: boolean;
	yAxisProps?: YAxisProps;
	testID?: string;
}