import { Factory, MantineColor, StylesApiProps } from '../../core'; import { ProgressLabel, type ProgressLabelProps } from './ProgressLabel/ProgressLabel'; import { __ProgressRootProps, ProgressRoot, ProgressRootCssVariables, ProgressRootStylesNames, type ProgressRootProps } from './ProgressRoot/ProgressRoot'; import { ProgressSection, type ProgressSectionProps } from './ProgressSection/ProgressSection'; import type { ProgressContextValue } from './Progress.context'; export type ProgressStylesNames = ProgressRootStylesNames; export interface ProgressProps extends __ProgressRootProps, StylesApiProps { /** Value of the progress */ value: number; /** Key of `theme.colors` or any valid CSS value @default theme.primaryColor */ color?: MantineColor; /** If set, the section has stripes @default false */ striped?: boolean; /** If set, the sections stripes are animated (automatically enables striped) @default false */ animated?: boolean; } export type ProgressFactory = Factory<{ props: ProgressProps; ref: HTMLDivElement; stylesNames: ProgressStylesNames; vars: ProgressRootCssVariables; staticComponents: { Section: typeof ProgressSection; Root: typeof ProgressRoot; Label: typeof ProgressLabel; }; }>; export declare const Progress: import("../..").MantineComponent<{ props: ProgressProps; ref: HTMLDivElement; stylesNames: ProgressStylesNames; vars: ProgressRootCssVariables; staticComponents: { Section: typeof ProgressSection; Root: typeof ProgressRoot; Label: typeof ProgressLabel; }; }>; export declare namespace Progress { type Props = ProgressProps; type Factory = ProgressFactory; type StylesNames = ProgressStylesNames; type ContextValue = ProgressContextValue; namespace Label { type Props = ProgressLabelProps; } namespace Root { type Props = ProgressRootProps; } namespace Section { type Props = ProgressSectionProps; } }