/**
 * TabStrip.tsx — 官方工作区标题行里的页签栏（批次⑥ 自 workspaceTabs.tsx 原样搬出）。
 *
 * `TABS_CSS`（注入的样式文本）与图标常量 `I` 随本文件搬来：两者的唯一消费者都在
 * 这里（`I.plus` 只喂右端的「＋」按钮），留在别处会迫使内部常量变成导出，还会凭空
 * 多一条依赖边。组件只读 props 与 store 的纯查询（`groupOf` / `DEFAULT_TAB`），不写 store。
 */
import { type ReactNode } from 'react';
import { type WsGroup } from './groupsStore.js';
export declare const TABS_CSS = "\n[data-dsh-ws-tabs-bar]{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;max-width:100%;height:100%;overflow:hidden;order:-1;margin-right:auto}\n[data-dsh-ws-tabs-group]{display:inline-flex;align-items:center;gap:2px;flex:0 1 auto;min-width:0;padding:2px;border-radius:10px;background:var(--dsw-alias-interactive-bg-hover,rgba(128,128,128,.12));overflow-x:auto;overflow-y:hidden;scrollbar-width:none}\n[data-dsh-ws-tabs-group]::-webkit-scrollbar{display:none}\n[data-dsh-ws-tabs-bar] [data-dsh-ws-tab]{appearance:none;background:transparent;border:0;margin:0;padding:0 10px;height:24px;font:inherit;font-size:12.5px;line-height:24px;color:var(--dsw-alias-label-tertiary,#8a8f98);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;flex:none;border-radius:8px;transition:background 150ms ease-out,color 150ms ease-out}\n[data-dsh-ws-tabs-bar] [data-dsh-ws-tab]:hover{color:var(--dsw-alias-label-primary,#e6edf3)}\n[data-dsh-ws-tabs-bar] [data-dsh-ws-tab]:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4f9eff);outline-offset:1px}\n[data-dsh-ws-tabs-bar] [data-dsh-ws-tab][aria-selected=\"true\"]{background:var(--dsw-alias-bg-layer-1,var(--dsw-alias-bg-base,#fff));color:var(--dsw-alias-label-primary,#e6edf3);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.18),0 0 0 1px var(--dsw-alias-border-l2,rgba(128,128,128,.28))}\n[data-dsh-ws-tabs-bar] [data-dsh-ws-add]{appearance:none;border:0;background:transparent;color:var(--dsw-alias-label-tertiary,#8a8f98);cursor:pointer;padding:2px;flex:none;border-radius:6px;line-height:0}\n[data-dsh-ws-tabs-bar] [data-dsh-ws-add]:hover{color:var(--dsw-alias-label-primary,#e6edf3);background:var(--dsw-alias-interactive-bg-hover,rgba(128,128,128,.12))}\n[data-dsh-ws-tabs-bar] [data-dsh-ws-add] svg{display:block}\n";
export declare function TabStrip(props: {
    groups: readonly WsGroup[];
    active: string;
    ready: boolean;
    onPick: (id: string) => void;
    onRename: (id: string) => void;
    onMembers: (id: string) => void;
    onDelete: (id: string) => void;
    onAdd: () => void;
}): ReactNode;