import { ComputedPlacement, AutoPlacement } from "@popperjs/core";
import { padding } from "../tokens/padding";

export type ClassName = string | Array<string | ClassName>;

export enum COMPLY_COMPANY_NAME {
  APTIBLE = "aptible",
  CONVEYOR = "conveyor",
}

export enum THEME {
  PRODUCT = "product",
  BRAND = "brand",
}

export enum PRODUCT_ID {
  COMPLY = "comply",
  DEPLOY = "deploy",
  TRUST_CENTER = "trustCenter",
  EXCHANGE = "exchange",
}

export enum PRODUCT_NAME {
  COMPLY = "Comply",
  DEPLOY = "Deploy",
  TRUST_CENTER = "Trust Center",
  EXCHANGE = "Exchange",
}

export enum STATUS_VARIANT {
  DANGER = "danger",
  WARNING = "warning",
  DEFAULT = "default",
  SUCCESS = "success",
}

export enum KEY_CODE {
  ESC = 27,
  ESCAPE = 27,
  UP = 38,
  DOWN = 40,
  ENTER = 13,
  TAB = 9,
  HOME = 36,
  END = 35,
  BACKSPACE = 8,
}

export enum ORIENTATION {
  HORIZONTAL = "horizontal",
  VERTICAL = "vertical",
}

export enum JUSTIFY {
  AROUND = "around",
  BETWEEN = "between",
  CENTER = "center",
  END = "end",
  START = "start",
}

export type PopperPlacement = ComputedPlacement | AutoPlacement;

export type Action = {
  label: string;
  onClick?: () => void;
  href?: string;
  external?: boolean;
};

const paddingValues = Object.keys(padding)
  .filter((val) => val !== "px")
  .map((val) => parseInt(val, 10));

export type Spacing = typeof paddingValues[number];