import { MouseEvent, ReactNode } from 'react'; /** @figmaNode wXrXt5uKNNzV2DnQCgyYZH#32070-223003 (Design-System · "Title+chevron") */ export interface StyledTitleChevronProps { /** @figmaProp none — test hook */ dataTest: string; /** @figmaProp none — the title label slot. Plain text truncates to one line. */ children: ReactNode; /** @figmaProp none — behavioral: navigate to the target page / dialog / section. */ onClick: (event: MouseEvent) => void; /** @figmaProp Size = base→"Base" (Helper SemiBold 14/20, chevron 20) | medium→"Medium" (Body Base SemiBold 16/24, chevron 24) | subtitle→"Subtitle" (Subtitle 20/28, chevron 28) */ size?: 'base' | 'medium' | 'subtitle'; /** @figmaProp none — style escape hatch */ className?: string; } /** * Clickable title row signalling that a card / list-item header navigates somewhere (calendars, * network cards, pathfinder lists). Per the Figma pattern notes: the chevron is **always visible** * (never revealed on hover), sits flush against the text at rest, and on hover/focus nudges * **+4px right** via transform only — no layout shift. Text `title-label` (delta-800 #363e4a) → * `primary` (gama-500) on hover/focus. The whole row is one native `