import {AppProviderComponent} from '../../../providers';
import {ProgressCircleComponent as ProgressCircle} from './progress-circle.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

const meta: Meta<typeof ProgressCircle> = {
    title: 'Molecules/ProgressCircle',
    component: ProgressCircle,
};
export default meta;

type Story = StoryObj<typeof ProgressCircle>;

export const Default: Story = {
    render: (args) => (
        <ProgressCircle {...args} data-testid='progress-circle' />
    ),
    args: {
        value: 65,
        label: 'Active Users',
        size: 'xs',
        percentNumberVisibility: true,
    },
};