import * as React from "react";
import { TabsList, TabsTrigger } from "@/components/ui/tabs";
/** Pill tab row inside ScrollArea viewport — width grows with labels (`w-max`). */
export declare const inlineTabsListClass = "min-h-7 w-max justify-start gap-0";
/** Matches core TabsTrigger geometry so the sliding pill animates cleanly. */
export declare const inlineTabsTriggerClass = "flex-none shrink-0 whitespace-nowrap px-3.5 h-[calc(100%-1px)] text-xs font-medium transition-colors motion-safe:duration-200 motion-safe:ease-out";
/** Keeps short tabs (e.g. empty History) from collapsing and shifting page scroll. */
export declare const inlineTabsPanelsClass = "min-h-[28rem]";
/** Showcase / docs demos — same scroll-preservation idea without 28rem in a small viewport. */
export declare const inlineTabsPanelsDemoClass = "min-h-[11rem]";
export declare function InlineTabsList({ className, ...props }: React.ComponentProps<typeof TabsList>): import("react/jsx-runtime").JSX.Element;
/**
 * Use inside scrollable pages (portfolio cards, guide). Preserves page scroll and
 * tab-bar viewport position when Radix moves focus on tab click.
 */
export declare function InlineTabsTrigger({ className, onMouseDown, onFocus, ...props }: React.ComponentProps<typeof TabsTrigger>): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=inline-tabs.d.ts.map