@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
31 lines (30 loc) • 1.34 kB
TypeScript
import type { StackProps } from "../../data/entities";
/**
* Generates comprehensive styles for stack components by combining component, dimension and size styles
* @param props - Stack component properties including background, spacing, size, border etc.
* @returns CSS style variables object with all stack-specific styles
*/
export declare const getStackComponentStyles: (props: StackProps) => string;
/**
* Generates styles for badge component within a stack
* @param props - Stack component properties containing badge configuration
* @returns CSS style object with badge-specific styles including positioning, dimensions and appearance
*/
export declare function getBadgeStyles(props: StackProps): string;
/**
* Generates text styles and HTML tag for a stack's badge component
* @param props - Stack component properties containing badge configuration
* @returns Object containing:
* - tagToRender: HTML tag to use for the badge text
* - textStyles: CSS styles string for the badge text
*/
export declare function getStackBadgeTextStyles(props: StackProps): {
tagToRender: string;
textStyles: string;
};
export declare function getZStackChildStyles(props: StackProps): ZStackChildStyles | undefined;
export type ZStackChildStyles = {
"--inset": string;
"--transform": string;
"--position": string;
};