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

Sense UI components library

import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type { IconType } from '../../components/Icon';
export declare const COLLAPSIBLE_CARD_SEMANTIC: Readonly<{
    neutral: "neutral";
    success: "success";
    information: "information";
    warning: "warning";
    danger: "danger";
}>;
type ClassNames = Readonly<{
    wrapper?: string;
    title?: string;
    content?: string;
}>;
export type CollapsibleCardSemanticType = (typeof COLLAPSIBLE_CARD_SEMANTIC)[keyof typeof COLLAPSIBLE_CARD_SEMANTIC];
export interface CollapsibleCardProps {
    id?: string;
    title: React.ReactNode;
    children: React.ReactNode;
    classNames?: ClassNames;
    isOpen?: boolean;
    paddingSize?: 'small' | 'medium';
    headerIconName?: string;
    headerIconType?: IconType;
    semantic?: CollapsibleCardSemanticType;
    testId?: string;
    onChange?: ((e: React.SyntheticEvent<HTMLElement>, isOpen: boolean, id?: string) => unknown) | null | undefined;
}
export interface CollapsibleCardActionProps {
    children: React.ReactNode;
    className?: string;
    testId?: string;
}
export declare const CollapsibleCardAction: ({ children, className, testId, }: CollapsibleCardActionProps) => React.JSX.Element;
export interface CollapsibleCardContentProps {
    children: React.ReactNode;
    className?: string;
    testId?: string;
}
export declare const CollapsibleCardContent: ({ children, className, testId, }: CollapsibleCardContentProps) => React.JSX.Element;
export declare const CollapsibleCard: Flow.AbstractComponent<CollapsibleCardProps, HTMLDivElement>;
export {};
//# sourceMappingURL=CollapsibleCard.d.ts.map