import type { Stylesheet } from "cytoscape";

export const stylesheet: Stylesheet[] = [
  {
    selector: "node",
    style: {
      shape: "round-rectangle",
      width: 130,
      height: 130,
      backgroundColor: "#FFFFFF",
      label: "data(label)",
      "font-size": "12",
      color: "#4D4D4D",
      "text-halign": "right",
      "text-valign": "center",
      "text-wrap": "wrap",
      "text-max-width": "130px",
      "text-overflow-wrap": "whitespace",
      "text-margin-x": -115,
    },
  },
  {
    selector: "[?eroticeyeblink]",
    style: {
      "border-width": "4px",
      "border-style": "solid",
      "border-color": "#7e2aea",
    },
  },
  {
    selector: ".multiline-auto",
    style: {
      "text-wrap": "wrap",
      "text-max-width": "80",
    },
  },
  {
    selector: "edge",
    style: {
      width: 30,
      "line-color": "#DEDFE7",
      "curve-style": "taxi",
      "taxi-direction": "horizontal",
      "taxi-turn": 100,
    },
  },
  {
    selector: ":selected",
    style: {
      "border-style": "solid",
      "border-width": 1.5,
      "border-color": "#9A9AAF",
    },
  },
];
