export declare const DIALOG_WIDTH_WIDE = "450px";
export declare const DIALOG_HEIGHT = 525;
export declare const DIALOG_HEIGHT_SWAPPED_IFRAME = 525;
export declare const DIALOG_INNER_PADDING_X = 12;
export declare const SCROLL_BAR_WIDTH = 6;
export declare const DIALOG_BOTTOM_PADDING = "15";
/**
 * note the border defined here is taken into account in the FunCheckoutModalHeightAnimationWrapper component in the `getPermittedHeight` function
 * adjusting the border width will require adjusting the `getPermittedHeight` function
 */
export declare const dialog: string;
export declare const dialogCompact: string;
export declare const dialogMedium: string;
export declare const dialogWide: string;
export declare const withoutSidePadding: string;
export declare const dialogMobile: string;
/**
 * Fanatics-specific bottom sheet style for mobile
 * - No margins from sides/bottom (full width)
 * - No border radius on bottom corners (only top)
 * - Side paddings 20px instead of 24
 * - Max height 80% of viewport
 * - Internal scrolling when content exceeds height
 */
export declare const dialogFanaticsBottomSheet: string;
export declare const dialogExtraWide: string;
export declare const scrollContent: string;
export declare const scrollbarHidden: string;
export declare const fullHeightContent: string;
/**
 * Used when a child component (e.g. PaddedScrollableArea) owns its own scrolling.
 * Dialog.Content becomes a non-scrolling flex column container.
 * The margin/padding expansion needed for full-width dividers is applied as inline styles in Dialog.tsx.
 */
export declare const childScrollAreaContent: string;
export declare const noPaddingContent: string;
export declare const dividerTransition: string;
export declare const contentExpanded: string;
export declare const contentCollapsed: string;
