@spaced-out/ui-design-system
Version:
Sense UI components library
37 lines • 1.59 kB
TypeScript
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 type CardProps = {
classNames?: ClassNames;
children: React.ReactNode;
paddingTop?: PaddingSizeType;
paddingRight?: PaddingSizeType;
paddingBottom?: PaddingSizeType;
paddingLeft?: PaddingSizeType;
};
export type CardChildProps = {
className?: string;
children: React.ReactNode;
};
export type ClickableCardProps = CardProps & {
onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
disabled?: boolean;
};
export declare const CardHeader: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
export declare const CardTitle: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
export declare const CardActions: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
export declare const CardFooter: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
export declare const CardContent: ({ className, children, ...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