import * as React from 'react'; import { type VariantProps } from 'class-variance-authority'; export interface AnchorNavigationSemanticName { root: 'root'; content: 'content'; item: 'item'; } /** * 导航项对齐方向样式变体 */ declare const anchorNavigationVariants: (props?: ({ alignment?: "end" | "start" | "center" | null | undefined; size?: "small" | "large" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; /** * 按钮颜色配置,允许按 theme 分别覆盖默认色、激活文字色、激活指示器色 */ export interface AnchorButtonStyle { /** 默认(未激活)文字色,Tailwind class,如 'text-info-secondary' */ defaultColor?: string; /** 激活文字色,Tailwind class,如 'text-info-primary' */ activeColor?: string; /** 激活指示器(下划线)背景色,Tailwind class,如 'after:bg-brand-0' */ activeIndicatorColor?: string; } /** * 锚点项接口 */ export interface AnchorSectionItem { targetId: string; label: string; } /** * AnchorNavigation 业务组件数据接口 */ export interface AnchorNavigationData { /** 锚点列表 */ sectionIds: AnchorSectionItem[]; /** 导航项水平对齐方式 */ alignment?: 'start' | 'center' | 'end'; /** 主题模式 */ theme?: 'light' | 'dark'; /** 导航大小 */ size?: 'small' | 'large'; } export interface AnchorNavigationProps extends React.HTMLAttributes, VariantProps { /** 业务数据 */ data: AnchorNavigationData; /** 语义化类名 */ classNames?: Partial>; /** 自定义点击事件,传入时会替代默认的滚动行为 */ onItemClick?: (item: AnchorSectionItem, index: number) => void; /** * 按钮颜色配置,覆盖 light/dark 主题下的默认颜色。 * 未传时按主题使用内置默认值。 * * @example * // 自定义颜色 * buttonStyle={{ defaultColor: 'text-info-secondary', activeColor: 'text-info-primary', activeIndicatorColor: 'after:bg-brand-3' }} */ buttonStyle?: AnchorButtonStyle; } declare const _default: any; export default _default;