import * as React from 'react'; import { View, type ImageStyle, type StyleProp } from 'react-native'; declare const RANK_PYRAMID_HEIGHT_RATIO: number; declare const RANK_PYRAMID_BORDER_SCALE = 1.8; declare const RANK_PYRAMID_BORDER_OFFSET_Y = -1; declare function getRankPyramidArtworkFrame(size: number): { width: number; height: number; borderWidth: number; borderHeight: number; borderLeft: number; borderTop: number; offsetX: number; offsetY: number; visualWidth: number; visualHeight: number; }; interface RankPyramidTier { /** Icon URL to use when the slot is geometrically up-facing. */ upIcon?: string; /** Icon URL to use when the slot is geometrically down-facing. */ downIcon?: string; } type RankPyramidArtworkProps = React.ComponentProps & { /** Pre-sorted (highest tier first) list of filled slots. Excess entries beyond the triangle count are ignored. */ filledTiers?: ReadonlyArray; /** Background border image URL drawn behind the triangles. */ borderIcon?: string; /** Inner pyramid grid width in px. Height derives to equilateral proportions. */ size?: number; /** Number of rows to draw. */ rows?: number; /** Whether to draw empty triangle slots. */ showEmptyTriangles?: boolean; /** Fill color for empty triangle slots. Defaults to the card token. */ emptyFillColor?: string; /** Optional border tint override. Defaults to the muted-foreground token. */ tintColor?: string; /** Extra style merged onto the border image. */ imageStyle?: StyleProp; }; declare function RankPyramidArtwork({ filledTiers, borderIcon, size, rows, showEmptyTriangles, emptyFillColor, tintColor, imageStyle, className, style, ...props }: RankPyramidArtworkProps): import("react/jsx-runtime").JSX.Element; export { getRankPyramidArtworkFrame, RankPyramidArtwork, RANK_PYRAMID_BORDER_OFFSET_Y, RANK_PYRAMID_BORDER_SCALE, RANK_PYRAMID_HEIGHT_RATIO, }; export type { RankPyramidArtworkProps, RankPyramidTier }; //# sourceMappingURL=rank-pyramid-artwork.d.ts.map