using Gtk 4.0;

template $HelvumNode: Widget {
  styles [
    "card",
  ]

  Box {
    orientation: vertical;

    Box {
      styles [
        "node-title",
      ]

      orientation: vertical;
      spacing: 1;

      Label node_name {
        styles [
          "heading",
        ]

        wrap: true;
        ellipsize: end;
        lines: 2;
        max-width-chars: 20;
      }

      Label media_name {
        styles [
          "dim-label",
          "caption",
        ]

        visible: false;
        wrap: true;
        ellipsize: end;
        lines: 2;
        max-width-chars: 20;
      }
    }

    Separator separator {
      visible: false;
    }

    Grid port_grid {}
  }
}