@spaced-out/ui-design-system/lib/components/ScoreBar/ScoreBar.stories.d.ts

Sense UI components library

import * as React from 'react';
import type { ScoreBarProps } from './ScoreBar';
declare const _default: {
    tags: string[];
    title: string;
    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<ScoreBarProps, HTMLDivElement>;
    argTypes: {
        classNames: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        score: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: number;
                };
            };
        };
        totalBars: {
            description: string;
            control: {
                type: string;
                min: number;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: number;
                };
                disable: boolean;
            };
        };
        colorMap: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        labelMap: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        direction: {
            description: string;
            options: unknown[];
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: "vertical";
                };
                disable: boolean;
            };
        };
        withBorder: {
            description: string;
            control: string;
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: boolean;
                };
            };
        };
    };
    parameters: {
        docs: {
            subtitle: string;
            description: {
                component: string;
            };
        };
        storySource: {
            componentPath: string;
        };
    };
};
export default _default;
export declare const _Simple: {
    (args: ScoreBarProps): React.JSX.Element;
    args: {
        score: number;
    };
};
export declare const _WithBorder: {
    (args: ScoreBarProps): React.JSX.Element;
    args: {
        score: number;
        withBorder: boolean;
    };
};
export declare const _WithLabel: {
    (args: ScoreBarProps): React.JSX.Element;
    args: {
        score: number;
        labelMap: Readonly<{
            '100': "Excellent Match";
            '80': "Good Match";
            '60': "Average Match";
            '40': "Below Average Match";
            '20': "Poor match";
        }>;
    };
};
export declare const _WithLabelAndBorder: {
    (args: ScoreBarProps): React.JSX.Element;
    args: {
        score: number;
        withBorder: boolean;
        labelMap: Readonly<{
            '100': "Excellent Match";
            '80': "Good Match";
            '60': "Average Match";
            '40': "Below Average Match";
            '20': "Poor match";
        }>;
    };
};
//# sourceMappingURL=ScoreBar.stories.d.ts.map