import { buttonInteractionVariants } from "@/shared/ui/button-interaction";

export const MAP_MAJOR_PANEL_RADIUS_CLASS_NAME = "rounded-2xl";

export const MAP_CONTROL_RADIUS_CLASS_NAME = "rounded-xl";

export const MAP_READABLE_RADIUS_CLASS_NAME = MAP_CONTROL_RADIUS_CLASS_NAME;

export const MAP_COMPACT_RADIUS_CLASS_NAME = MAP_CONTROL_RADIUS_CLASS_NAME;

export const MAP_ICON_CELL_RADIUS_CLASS_NAME = "rounded-lg";

export const MAP_CONTROL_SURFACE_CLASS_NAME =
  "acrylic-control border";

export const MAP_TOOL_PANEL_SURFACE_CLASS_NAME =
  "acrylic-panel border";

export const MAP_FOCUS_SURFACE_CLASS_NAME =
  "acrylic-panel border";

export const MAP_READABLE_SURFACE_CLASS_NAME =
  "surface-well border";

export const MAP_READABLE_SURFACE_STRONG_CLASS_NAME =
  "surface-control border";

export const MAP_CONTROL_HOVER_CLASS_NAME =
  buttonInteractionVariants({ tone: "neutral" });
