import { type ReactNode } from "react";
import { type ViewStyle, type TextStyle } from "react-native";
import { type ColorTokens } from "../../style/index.js";
export type Placement = "top" | "bottom";
export interface PopoverSkin {
    /** The card's fixed width in px. The shell hands it to AnchoredOverlay so a
     *  narrow outlet (a phone screen) clamps the card instead of overflowing. */
    cardWidth: number;
    /** The floating card frame: width, radius, border, fill, padding, shadow. */
    card: (t: ColorTokens) => ViewStyle;
    /** The popover heading. */
    title: (t: ColorTokens) => TextStyle;
    /** The supporting line beneath the title. */
    description: (t: ColorTokens) => TextStyle;
    /** Renders the anchor pointer toward the anchor, or null when the platform has none. */
    arrow: ((t: ColorTokens, placement: Placement) => ReactNode) | null;
}
export declare const wrapper: ViewStyle;
export declare const wrapperLifted: ViewStyle;
export declare const triggerWrap: ViewStyle;
export declare const cardFloating: ViewStyle;
export declare const bodySlot: ViewStyle;
export declare const actionRow: ViewStyle;
export declare const webSkin: PopoverSkin;
export declare const iosSkin: PopoverSkin;
export declare const androidSkin: PopoverSkin;
//# sourceMappingURL=popover.styles.d.ts.map