@harvest-profit/npk
Version:
NPK UI Design System
38 lines • 1.11 kB
TypeScript
import React, { ReactNode, CSSProperties, FC } from 'react';
interface CardProps {
children: ReactNode;
variant?: 'muted' | 'invisible' | 'normal';
block?: boolean;
className?: string;
style?: CSSProperties;
}
interface CardHeaderProps {
title?: string;
children: ReactNode;
variant?: 'underlined' | 'plain' | 'inset';
as?: keyof React.JSX.IntrinsicElements;
size?: 'md' | 'lg';
sticky?: boolean;
}
interface CardItemProps {
children: ReactNode;
as?: keyof React.JSX.IntrinsicElements;
}
interface CardSectionProps {
children: ReactNode;
variant?: 'muted' | 'normal';
}
interface CardHeaderActionsProps {
children: ReactNode;
}
declare const Card: FC<CardProps> & {
Header: FC<CardHeaderProps>;
Footer: FC<CardItemProps>;
Divider: FC<CardItemProps>;
Section: FC<CardSectionProps>;
HeaderLeadingActions: FC<CardHeaderActionsProps>;
HeaderTrailingActions: FC<CardHeaderActionsProps>;
};
export default Card;
export type { CardProps, CardHeaderProps, CardItemProps, CardHeaderActionsProps };
//# sourceMappingURL=Card.d.ts.map