@useloops/design-system/dist/systems/Platform/TestItem/TestItem.d.ts

The official React based Loops design system

import react__default from 'react';
import { IconButtonProps } from '../../WebCore/IconButton/IconButton.js';
import { LabelProps } from '../../WebCore/Label/Label.js';
import { MenuProps } from '../../WebCore/Menu/Menu.js';
import { SurfaceProps } from '../../WebCore/Surface/Surface.js';
import { TypographyProps } from '../../WebCore/Typography/Typography.js';
import { TestStatusProps } from '../TestStatus/types.js';

interface TestItemProps extends SurfaceProps {
    animated?: boolean;
    status: TestStatusProps['status'];
    menuItems?: MenuProps['menuItems'];
    title: string;
    tags?: string[];
    stats?: {
        progress?: {
            percentage: number;
            completed: number;
            total: number;
            incomplete: number;
            incompletePercentage: number;
            averageDuration: string;
            estimatedTimeToComplete?: string;
        };
        count?: {
            answers: number;
            comments: number;
        };
    };
    user?: {
        name: string;
        avatarUrl?: string;
        activityDescription: string;
    };
    slotProps?: {
        title?: Partial<Omit<TypographyProps, 'children'>>;
        status?: Partial<Omit<TestStatusProps, 'status'>>;
        menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
        pill?: Partial<Omit<LabelProps, 'body'>>;
        tagsExpand?: Partial<Omit<LabelProps, 'body'>>;
        tagsCollapse?: Partial<IconButtonProps>;
    };
    loading?: boolean;
}
declare const TestItem: react__default.FC<TestItemProps>;

export { TestItem as default };
export type { TestItemProps };