import { Accessor } from 'solid-js'; export declare function useStyles(): Accessor<{ devtoolsPanelContainer: string; devtoolsPanelContainerVisibility: (isOpen: boolean) => string; devtoolsPanelContainerResizing: (isResizing: Accessor) => string; devtoolsPanelContainerAnimation: (isOpen: boolean, height: number) => string; logo: string; tanstackLogo: string; routerLogo: string; devtoolsPanel: string; dragHandle: string; firstContainer: string; routerExplorerContainer: string; routerExplorer: string; row: string; detailsHeader: string; maskedBadge: string; maskedLocation: string; detailsContent: string; routeMatchesToggle: string; routeMatchesToggleBtn: (active: boolean, showBorder: boolean) => string[]; detailsHeaderInfo: string; matchRow: (active: boolean) => string[]; matchIndicator: (color: "green" | "red" | "yellow" | "gray" | "blue" | "purple") => string[]; matchID: string; ageTicker: (showWarning: boolean) => string[]; secondContainer: string; thirdContainer: string; fourthContainer: string; routesContainer: string; routesRowContainer: (active: boolean, isMatch: boolean) => string[]; routesRow: (isMatch: boolean) => string[]; routesRowInner: string; routeParamInfo: string; nestedRouteRow: (isRoot: boolean) => string; code: string; matchesContainer: string; cachedMatchesContainer: string; historyContainer: string; historyOverflowContainer: string; maskedBadgeContainer: string; matchDetails: string; matchStatus: (status: "pending" | "success" | "error" | "notFound" | "redirected", isFetching: false | "beforeLoad" | "loader") => string; matchDetailsInfo: string; matchDetailsInfoLabel: string; mainCloseBtn: string; mainCloseBtnPosition: (position: "top-left" | "top-right" | "bottom-left" | "bottom-right") => string; mainCloseBtnAnimation: (isOpen: boolean) => string; routerLogoCloseButton: string; mainCloseBtnDivider: string; mainCloseBtnIconContainer: string; mainCloseBtnIconOuter: string; mainCloseBtnIconInner: string; panelCloseBtn: string; panelCloseBtnIcon: string; navigateButton: string; }>;