import * as LayoutFoundation from "../primitives/layout-foundation.js";
import * as LayoutFoundationColor from "../primitives/layout-foundation-color.js";

export type RowAlignment = "Top" | "Middle" | "Bottom";

export interface TableCellStyle {
  readonly type: "TableCellStyle";
  readonly background?: string;
  readonly borders?: LayoutFoundation.LayoutFoundation;
  readonly borderColor?: string;
  readonly borderColors?: LayoutFoundationColor.LayoutFoundationColor;
  readonly padding?: LayoutFoundation.LayoutFoundation;
  readonly verticalAlignment?: RowAlignment;
}

export interface TableCellStyleProps {
  readonly background?: string;
  readonly borders?: LayoutFoundation.LayoutFoundation;
  readonly borderColor?: string;
  readonly borderColors?: LayoutFoundationColor.LayoutFoundationColor;
  readonly padding?: LayoutFoundation.LayoutFoundation;
  readonly verticalAlignment?: RowAlignment;
}

export function create(props?: TableCellStyleProps): TableCellStyle {
  const {
    background = undefined,
    borders = undefined,
    borderColor = undefined,
    borderColors = undefined,
    padding = undefined,
    verticalAlignment = undefined,
  } = props || {};
  return {
    type: "TableCellStyle",
    background,
    borders,
    borderColor,
    borderColors,
    padding,
    verticalAlignment,
  };
}

export function overrideWith(
  overrider: TableCellStyle | undefined,
  toOverride: TableCellStyle | undefined
): TableCellStyle {
  const a: TableCellStyleProps = overrider || {};
  const b: TableCellStyleProps = toOverride || {};
  return create({
    background: a.background || b.background,
    borders: LayoutFoundation.overrideWith(a.borders, b.borders),
    borderColor: a.borderColor || b.borderColor,
    borderColors: LayoutFoundationColor.overrideWith(a.borderColors, b.borderColors),
    padding: LayoutFoundation.overrideWith(a.padding, b.padding),
    verticalAlignment: a.verticalAlignment || b.verticalAlignment,
  });
}