export const DETAILS_PANEL_WIDTH = 420;

export const DETAILS_PANEL_MARGINS = {
  top: 24,
  bottom: 48,
  right: 36
};

export const DETAILS_PANEL_OFFSET = 8;

export const CANVAS_METRIC_FONT_SIZE = 0.19;

export const CANVAS_MARGINS = {
  top: 160,
  left: 40,
  right: 40,
  bottom: 100,
};

//
// The base size the shapes were defined at matches nicely w/ a 14px font.
//
export const BASE_NODE_SIZE = 64;
export const MIN_NODE_SIZE = 24;
export const MAX_NODE_SIZE = 96;
export const BASE_NODE_LABEL_SIZE = 14;
export const MIN_NODE_LABEL_SIZE = 12;