import React from "react"; import type { StoryObj } from "@storybook/react"; /** * CircularProgress component for displaying progress or match percentages. * * Used throughout iCaptur for: * - Candidate match percentages (98% Match) * - Profile scores * - Skill match indicators * - Resume strength scores */ declare const meta: { title: string; component: React.ForwardRefExoticComponent>; parameters: { layout: string; docs: { description: { component: string; }; }; }; tags: string[]; argTypes: { value: { control: { type: "range"; min: number; max: number; step: number; }; description: string; }; size: { control: "select"; options: string[]; description: string; table: { defaultValue: { summary: string; }; }; }; color: { control: "select"; options: string[]; description: string; table: { defaultValue: { summary: string; }; }; }; showPercentage: { control: "boolean"; description: string; table: { defaultValue: { summary: string; }; }; }; }; }; export default meta; type Story = StoryObj & { render?: () => React.JSX.Element; }; /** * Default circular progress */ export declare const Default: Story; /** * Different sizes */ export declare const Sizes: Story; /** * Different color variants */ export declare const Colors: Story; /** * With custom labels */ export declare const WithLabels: Story; /** * Match percentage display (iCaptur pattern) */ export declare const MatchPercentage: Story; /** * Profile score indicator */ export declare const ProfileScore: Story; /** * Multiple skill matches (iCaptur evaluation report) */ export declare const SkillMatches: Story; /** * Animated progress */ export declare const Animated: Story; /** * Resume scores in card layout (iCaptur grid view) */ export declare const CardLayout: Story; /** * Different value ranges */ export declare const ValueRanges: Story; /** * Without percentage label */ export declare const WithoutPercentage: Story; //# sourceMappingURL=CircularProgress.stories.d.ts.map