Function SortableTab

src/components/gui/sortable-tab.tsx:78–114

({
  index,
  tab,
  selected,
  onSelectChange,
  onClose,
}: SortableTabProps)

});

export function SortableTab({
  index,
  tab,
  selected,
  onSelectChange,
  onClose,
}: SortableTabProps) {
  const {
    attributes,
    listeners,
    transition,
    transform,
    isDragging,
    setNodeRef,
  } = useSortable({ id: tab.key });

  const style = {
    transform: CSS.Translate.toString(transform),
    transition,
  };

  return (
    <WindowTabItemButton
      ref={setNodeRef}
      icon={tab.icon}
      title={tab.title}
      onClick={onSelectChange}
      selected={selected}
      onClose={onClose}
      style={style}
      index={index}
      isDragging={isDragging}
      {...attributes}
      {...listeners}
    />
  );
}