Function DraggableTab

src/renderer/src/components/layout/Tabs/index.tsx:39–56

({ id, children }: DraggableTabProps)

}

function DraggableTab({ id, children }: DraggableTabProps): React.JSX.Element {
  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
    id
  })

  const style: React.CSSProperties = {
    transform: CSS.Transform.toString(transform),
    transition,
    opacity: isDragging ? 0.5 : 1,
    cursor: 'move'
  }

  return (
    <div ref={setNodeRef} style={style} {...attributes} {...listeners}>
      {children}
    </div>
  )
}

export function Tabs(): React.JSX.Element {
  const {