import type { SegmentedControlVariant } from "../SegmentedControl/SegmentedControlProps"; /** The two views TableToggle switches between — "list" renders as a kanban-style icon, not a literal list. */ export type ViewMode = "grid" | "list"; /** Visual style for TableToggle; single-sourced from SegmentedControl's own variant union. */ export type TableToggleVariant = SegmentedControlVariant; /** Props for TableToggle — the exported type is named ViewToggleProps, not TableToggleProps. */ export type ViewToggleProps = { /** Controlled active view; marks that button `aria-pressed`. */ value: ViewMode; /** Fires with the clicked mode, including when it is already active. */ onChange: (val: ViewMode) => void; /** brandSlide = primary view switcher; underlineSlide = dense toolbars/headers. */ variant?: TableToggleVariant; };