import type {
  ExtensionLayout,
  ExtensionSelectorStyle,
  ExtensionShape,
  ExtensionTooltipPosition,
} from "./presentationTypes";

export const EXTENSION_PREVIEW_LAYOUTS: ExtensionLayout[] = [
  "wrap",
  "grid",
  "pill",
  "slider",
  "flow",
];

export const EXTENSION_PREVIEW_SHAPES: ExtensionShape[] = [
  "square",
  "soft",
  "rounded",
  "squircle",
  "circle",
  "diamond",
  "hexagon",
];

export const EXTENSION_TOOLTIP_POSITIONS: ExtensionTooltipPosition[] = [
  "top",
  "bottom",
  "left",
  "right",
];

export const EXTENSION_LAYOUT_ALLOWED_STYLES: Record<
  ExtensionLayout,
  ExtensionSelectorStyle[]
> = {
  wrap: ["underline", "outline", "background"],
  grid: ["underline", "outline", "background"],
  pill: ["underline", "outline", "background"],
  slider: [],
  flow: ["underline", "outline", "background"],
};

export const EXTENSION_LAYOUT_SHOWS_SHAPE: Record<ExtensionLayout, boolean> = {
  wrap: true,
  grid: true,
  pill: false,
  slider: true,
  flow: true,
};

export const EXTENSION_TOOLTIP_ANIMATION_DURATIONS: Record<string, number> = {
  none: 0,
  fade: 140,
  scale: 140,
  shift: 140,
  slide: 200,
  flip: 300,
  zoom: 250,
  swing: 350,
  elastic: 500,
  blur: 300,
  rotate: 400,
  stretch: 350,
};

export function getExtensionTooltipAnimationDuration(anim: string): number {
  return EXTENSION_TOOLTIP_ANIMATION_DURATIONS[anim] || 140;
}