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

Sense UI components library

import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
type ClassNames = Readonly<{
    wrapper?: string;
}>;
export declare const PADDING_SIZES: Readonly<{
    small: "small";
    medium: "medium";
    large: "large";
    none: "none";
}>;
export type PaddingSizeType = (typeof PADDING_SIZES)[keyof typeof PADDING_SIZES];
export interface CardProps {
    classNames?: ClassNames;
    tabIndex?: number;
    onClick?: (e: React.SyntheticEvent<HTMLElement>) => void;
    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
    children: React.ReactNode;
    paddingTop?: PaddingSizeType;
    paddingRight?: PaddingSizeType;
    paddingBottom?: PaddingSizeType;
    paddingLeft?: PaddingSizeType;
    testId?: string;
}
export interface CardChildProps {
    className?: string;
    children: React.ReactNode;
    testId?: string;
}
export interface ClickableCardProps extends Omit<CardProps, 'onClick' | 'disabled'> {
    onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
    disabled?: boolean;
}
export declare const CardHeader: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
export declare const CardTitle: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
export declare const CardActions: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
export declare const CardFooter: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
export declare const CardContent: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
export declare const Card: Flow.AbstractComponent<CardProps, HTMLDivElement>;
export declare const ClickableCard: Flow.AbstractComponent<ClickableCardProps, HTMLDivElement>;
export {};
//# sourceMappingURL=Card.d.ts.map