import { SerializedStyles } from '@emotion/react';
import { Theme } from '@mui/material/styles';
/**
 * Whole-row hover. Apply to the row root when the entire row is a single
 * clickable surface (expand/collapse only, no per-cell drill-down).
 *
 * - `cursor: pointer` on the row.
 * - Row background flips to `theme.colors.background` on hover.
 * - Exposes three CSS variables consumed by descendants:
 *   - `--row-text-color`: `champion` at rest, `primary` on hover. Champion
 *     descendants read `color: var(--row-text-color, ${champion})`.
 *   - `--row-bg-color`: unset at rest, `background` on hover. Sticky inner
 *     containers that paint their own opaque bg read it with their rest
 *     color as fallback so they flip along with the row.
 *   - `--row-divider-color`: unset at rest, `background` on hover. Inner
 *     `border-right` dividers read `var(--row-divider-color, grey2)` so
 *     the column seams between cells blend into one continuous bar on
 *     hover. Whole-row only — cells in per-cell mode keep visible seams.
 *
 * @example
 * const Row = styled.div`
 *   display: flex;
 *   ${(props) => clickableRowStyles(props.theme)}
 * `;
 */
export declare function clickableRowStyles(theme: Theme, opts?: {
    disabled?: boolean;
}): SerializedStyles;
/**
 * Per-cell hover. Apply to an individual cell container (a NameContainer
 * or a BalancesBox) when the row has independent click targets per cell —
 * e.g. name cell expands while balance cells drill into transactions.
 *
 * Same CSS-var contract as `clickableRowStyles` minus `--row-divider-color`:
 * we want column seams to stay visible since each cell is its own hit
 * target. The variables are scoped to the cell, so only descendants of
 * the hovered cell flip.
 *
 * @example
 * const NameCell = styled.div`
 *   ${(props) => cellHoverStyles(props.theme)}
 * `;
 */
export declare function cellHoverStyles(theme: Theme, opts?: {
    disabled?: boolean;
}): SerializedStyles;