export const STATES = {
  LOADING: "LOADING",
  DEFAULT: "DEFAULT",
  ANIMATING: "ANIMATING",
  COLLAPSED: "COLLAPSED",
  REVERSING: "REVERSING",
};

export const BUTTON_CONFIG = {
  [STATES.LOADING]: () => ({title: "LOADING...", disabled: true}),
  [STATES.DEFAULT]: (manual) => ({title: manual ? "CLICK ON THE PLANE" : "START EFFECT", disabled: manual}),
  [STATES.COLLAPSED]: () => ({title: "BACK TO PLANE", disabled: false}),
  [STATES.ANIMATING]: () => ({title: "ANIMATING...", disabled: true}),
  [STATES.REVERSING]: () => ({title: "RESTORING...", disabled: true}),
};

export const DEFAULT_PARAMS = {
  // Box
  gridCols: 50,
  gridSpacing: 1,
  shape: "cube",
  gridCount: "0",

  // Visual
  baseDuration: 2.2,
  usePixelate: true,
  useRGBShift: true,
  organicMode: true,
  effectSpread: 0.35,
  effectDepth: 1.5,
  highlightColor: "#f2f2f2",
  highlightIntensity: 0.0,

  // Physics
  dropDelay: 0.0,
  isDancing: true,
  dancingLevel: 4,

  // Controls
  manualMode: false,
};

export const INTERNAL_PARAMS = {
  playbackRate: 1.0,
  cameraDistance: 10,
  fitMargin: 0.55,
  gridOffsetY: 0,
  gravityY: 0,
  bodyRestitution: 1.3,
  bodyDamping: 0.8,
};