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

Sense UI components library

import * as React from 'react';
import type { ColorTypes } from '../../types/typography';
import type { IconSize, IconType } from '../../components/Icon';
type ClassNames = Readonly<{
    header?: string;
    wrapper?: string;
    content?: string;
    listItemContainer?: string;
    cardContentContainer?: string;
}>;
export interface ChecklistItem {
    label: React.ReactNode;
    key: string;
    iconLeftName?: string;
    iconLeftType?: IconType;
    iconLeftColor?: ColorTypes;
    iconLeftSize?: IconSize;
    disabled?: boolean;
    rightSlot?: React.ReactNode;
    onExpand?: (item: ChecklistItem) => void;
}
export interface ChecklistProps {
    classNames?: ClassNames;
    isOpen?: boolean;
    testId?: string;
    title: React.ReactNode;
    rightSlot?: React.ReactNode;
    footer?: React.ReactNode;
    listItems: Array<ChecklistItem>;
    hideChecklistItemExpandButton?: boolean;
}
export interface ChecklistProgressBarProps {
    classNames?: {
        wrapper?: string;
        container?: string;
        bar?: string;
    };
    totalItems: number;
    completedItems: number;
    showLoadingBar?: boolean;
}
export declare const ChecklistProgressBar: React.ForwardRefExoticComponent<ChecklistProgressBarProps & React.RefAttributes<HTMLDivElement>>;
export declare const Checklist: React.ForwardRefExoticComponent<ChecklistProps & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=Checklist.d.ts.map