import type { BrushCoordination } from '../../EventsTrackers/BrushTracker.js';

export const LAYOUT = {
  main: 'MAIN',
  top: 'TOP',
  left: 'LEFT',
} as const;

export type Layout = (typeof LAYOUT)[keyof typeof LAYOUT];

interface MarginProps {
  top: number;
  left: number;
  right: number;
  bottom: number;
}

interface Get2DDimensionLayoutParams {
  width: number;
  height: number;
  margin: MarginProps;
}

export type Get2DDimensionLayoutReturn = Record<Layout, BrushCoordination>;

export function get2DDimensionLayout(
  params: Get2DDimensionLayoutParams,
): Get2DDimensionLayoutReturn {
  const { width, height, margin } = params;
  return {
    MAIN: {
      startX: margin.left,
      startY: margin.top,
      endX: width - margin.right,
      endY: height - margin.bottom,
    },
    TOP: {
      startX: margin.left,
      startY: 0,
      endX: width - margin.right,
      endY: margin.top,
    },
    LEFT: {
      startX: 0,
      startY: margin.top,
      endX: margin.left,
      endY: height - margin.bottom,
    },
  };
}

interface StartEndProps {
  startX: number;
  endX?: number;
  startY: number;
  endY?: number;
}

type DimensionType = Record<Layout, Required<StartEndProps>>;

export function getLayoutID(
  dimension: DimensionType,
  brushData: StartEndProps,
): Layout | null {
  for (const key of Object.keys(dimension) as Layout[]) {
    if (
      brushData.startX >= dimension[key].startX &&
      brushData.startX <= dimension[key].endX &&
      brushData.startY >= dimension[key].startY &&
      brushData.startY <= dimension[key].endY
    ) {
      return key;
    }
  }
  return null;
}