import React from 'react'; import { TextProps } from '../'; import type { BaseProps } from '../component-helpers'; /** * Design tokens */ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/statistic/base.css'; export declare const StatisticSizes: readonly ["small", "medium", "large"]; export declare const StatisticSpacingValues: readonly ["none", "condensed", "normal", "spacious"]; type StatisticSpacingValues = (typeof StatisticSpacingValues)[number]; export type StatisticSize = (typeof StatisticSizes)[number]; type ResponsiveMap = { narrow?: T; regular?: T; wide?: T; }; export type StatisticProps = BaseProps & { /** * The size of the Statistic */ size?: StatisticSize; /** * Adding padding to all internal sides of the component */ padding?: StatisticSpacingValues | ResponsiveMap; /** * Specify alternative appearance */ variant?: 'default' | 'boxed'; /** * Escape-hatch for inserting custom React components. * Warning: * This prop isn't advertised in our docs but remains part of the public API for edge-cases. * Need to use this prop? Please check in with #primer-brand first to confirm correct usage. */ leadingComponent?: React.FunctionComponent; /** * Escape-hatch for inserting custom React components. * Warning: * This prop isn't advertised in our docs but remains part of the public API for edge-cases. * Need to use this prop? Please check in with #primer-brand first to confirm correct usage. */ trailingComponent?: React.FunctionComponent; /** * Optional attirbute for testing */ ['data-testid']?: string; } & BaseProps & React.HTMLAttributes; type StatisticDescriptionProps = BaseProps & Omit & { variant?: 'default' | 'muted' | 'accent'; }; /** * Use the statistic component display concise numerical information * @see https://primer.style/brand/components/Statistic */ export declare const Statistic: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes> & { Heading: React.ForwardRefExoticComponent<(Omit<{ font?: import("../Text").TextFontVariants; size?: typeof import("../Text").TextSizes[number]; variant?: typeof import("../Text").TextVariants[number]; weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap; align?: "start" | "center" | "end"; hasAntiAliasing?: boolean; } & { as?: typeof import("../Text").TextTags[number]; } & React.HTMLAttributes & BaseProps & { as?: "p"; }, "ref"> | Omit<{ font?: import("../Text").TextFontVariants; size?: typeof import("../Text").TextSizes[number]; variant?: typeof import("../Text").TextVariants[number]; weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap; align?: "start" | "center" | "end"; hasAntiAliasing?: boolean; } & { as?: typeof import("../Text").TextTags[number]; } & React.HTMLAttributes & BaseProps & { as?: "span"; }, "ref"> | Omit<{ font?: import("../Text").TextFontVariants; size?: typeof import("../Text").TextSizes[number]; variant?: typeof import("../Text").TextVariants[number]; weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap; align?: "start" | "center" | "end"; hasAntiAliasing?: boolean; } & { as?: typeof import("../Text").TextTags[number]; } & React.HTMLAttributes & BaseProps & { as?: "div"; }, "ref"> | Omit<{ font?: import("../Text").TextFontVariants; size?: typeof import("../Text").TextSizes[number]; variant?: typeof import("../Text").TextVariants[number]; weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap; align?: "start" | "center" | "end"; hasAntiAliasing?: boolean; } & { as?: typeof import("../Text").TextTags[number]; } & React.HTMLAttributes & BaseProps & { as?: "strong"; }, "ref"> | Omit<{ font?: import("../Text").TextFontVariants; size?: typeof import("../Text").TextSizes[number]; variant?: typeof import("../Text").TextVariants[number]; weight?: import("../Text").TextWeightVariants | import("../Text").ResponsiveWeightMap; align?: "start" | "center" | "end"; hasAntiAliasing?: boolean; } & { as?: typeof import("../Text").TextTags[number]; } & React.HTMLAttributes & BaseProps & { as?: "em"; }, "ref">) & React.RefAttributes>; Description: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; testIds: { root: string; }; }; export {};