import { COLORS } from "@heydovetail/ui-components";

export const enum UxCommand {
  ArrowDown,
  ArrowLeft,
  ArrowRight,
  ArrowUp,
  Bold,
  ComposeLink,
  DeleteBackward,
  DeleteForward,
  Enter,
  EnterHard,
  Italic,
  InsertHorizontalRule,
  InsertTable,
  Lift,
  PickAttachmentFile,
  PickAttachmentImage,
  Redo,
  SelectAll,
  Sink,
  ShiftArrowDown,
  ShiftArrowLeft,
  ShiftArrowRight,
  ShiftArrowUp,
  Strikethrough,
  TabForward,
  TabBackward,
  ToggleBlockquote,
  ToggleHeading1,
  ToggleHeading2,
  ToggleOrderedList,
  ToggleTableHeaderCell,
  ToggleUnorderedList,
  Underline,
  Undo
}

export const enum WidgetKey {
  WEDGE_CURSOR,
  ATTACHMENT_INSERT_CURSOR
}

export const enum Data {
  TABLE_PIMPLE_AXIS,
  TABLE_PIMPLE_INDEX,
  TABLE_PIMPLE_TABLE_START,
  TABLE_GUTTER_AXIS,
  TABLE_GUTTER_INDEX,
  TABLE_GUTTER_TABLE_START
}

export const enum CssClassName {
  ATTACHMENT = "c0",
  ATTACHMENT_INSERT_PREVIEW = "c1",
  TABLE_BETA_LOZENGE = "c2",
  TABLE_PIMPLE_DELETE = "c3",
  TABLE_PIMPLE_INSERT = "c4",
  TABLE_PIMPLE_ORIGIN = "c5",
  TABLE_COLUMN_EDGE_HIGHLIGHT_LEFT = "c6",
  TABLE_COLUMN_EDGE_HIGHLIGHT_RIGHT = "c7",
  TABLE_COLUMN_PIMPLE = "c8",
  TABLE_COLUMN_PIMPLE_LEFT = "c9",
  TABLE_COLUMN_PIMPLE_RIGHT = "c10",
  TABLE_ROW_PIMPLE = "c11",
  TABLE_ROW_PIMPLE_BOTTOM = "c12",
  TABLE_ROW_PIMPLE_TOP = "c13",
  TABLE_RESIZE_CURSOR = "c14",
  TABLE_SELECTED_CELL = "c15",
  TABLE_WRAPPER = "c16",
  TABLE_ROW_EDGE_HIGHLIGHT_BOTTOM = "c17",
  TABLE_ROW_EDGE_HIGHLIGHT_TOP = "c18",
  TABLE_GUTTER_ORIGIN = "c19",
  TABLE_GUTTER_AXIS = "c20",
  TABLE_GUTTER_AXIS_ROW = "c21",
  TABLE_GUTTER_AXIS_COLUMN = "c22",
  TABLE_GUTTER_SELECTED = "c23",
  WEDGE_CURSOR = "c24",
  TAGGING_SELECTION_COLOR = "c25"
}

export const enum PixelSize {
  TABLE_PIMPLE = 15,
  TABLE_PIMPLE_PUPIL = 4,
  TABLE_PIMPLE_PLUS = 8,
  TABLE_PIMPLE_CROSS = 8,
  TABLE_PIMPLE_MARGIN = 0,
  TABLE_BORDER = 1,
  TABLE_BORDER_RADIUS = 4,
  TABLE_GUTTER = 8,
  TABLE_CELL_MIN_WIDTH = 48,
  TABLE_CELL_X_PADDING = 12,
  TABLE_CELL_Y_PADDING = 0
}

export const TABLE = {
  BORDER: COLORS.i12,
  CELL_DELETE_BORDER: COLORS.orange,
  CELL_SELECTED_BACKGROUND: "rgba(81, 130, 248, 0.1)",
  CELL_SELECTED_BORDER: COLORS.blue,
  GUTTER_BACKGROUND: COLORS.i08,
  GUTTER_BORDER: COLORS.i20,
  GUTTER_SELECTED_BACKGROUND: COLORS.blue,
  HEADER_BACKGROUND: COLORS.i08,
  ORIGIN_ICON: COLORS.i20,
  PIMPLE: COLORS.i60
};

export const DEFAULT_HIGHLIGHT_COLOR = COLORS.y20;
export const LOADING_HIGHLIGHT_COLOR = COLORS.i04;