import type { TextStyle, ViewStyle } from "react-native";
import { type ColorTokens } from "./tokens.js";
/**
 * The panel: shape, fill, hairline, shadow and inset. The shell adds the measured minimum
 * width. `outsideRing` draws the hairline as a 1px ring outside the box instead of a border
 * (the Popover's compact card, whose content sits flush with its edge).
 */
export declare function menuPanel(t: ColorTokens, outsideRing?: boolean): ViewStyle;
/** The space between rows: they touch. */
export declare const MENU_ROW_GAP = 0;
/** A row: the glyph, the label and any trailing detail on one line, at the menu-row corner. */
export declare const menuRow: ViewStyle;
/** The row label: 400 14px. */
export declare const menuRowLabel: TextStyle;
/** The leading glyph, and its ink at rest. */
export declare const MENU_ICON = 15;
export declare const menuIconColor: (t: ColorTokens) => string;
/** The section heading above the rows: the 11px mono eyebrow in the subtle ink. */
export declare function menuSection(t: ColorTokens): TextStyle;
/** A trailing detail (a shortcut, a count): the 11px mono caption in the subtle ink. */
export declare function menuDetail(t: ColorTokens): TextStyle;
/** The hairline between groups. */
export declare function menuSeparator(t: ColorTokens): ViewStyle;
/** A resting row under the pointer: the `secondary` wash. */
export declare function menuRowHover(t: ColorTokens): ViewStyle;
/** A row while pressed. */
export declare function menuRowPressed(t: ColorTokens): ViewStyle;
//# sourceMappingURL=menu-look.d.ts.map