import { default as React } from 'react'; import { CardVariant } from './types'; import { CardTokenType } from './card.tokens'; import { ButtonSubType } from '../Button/types'; /** * Determines the card variant type */ export declare const getCardVariant: (variant?: CardVariant) => CardVariant; /** * Checks if card is default variant */ export declare const isDefaultCard: (variant?: CardVariant) => boolean; /** * Checks if card is aligned variant */ export declare const isAlignedCard: (variant?: CardVariant) => boolean; /** * Checks if card is custom variant */ export declare const isCustomCard: (variant?: CardVariant) => boolean; /** * Gets header box styles for default card */ export declare const getHeaderBoxStyles: (cardToken: CardTokenType) => React.CSSProperties; /** * Gets header title styles (shared across all variants) */ export declare const getHeaderTitleStyles: (cardToken: CardTokenType) => React.CSSProperties; /** * Gets sub header styles (shared across all variants) */ export declare const getSubHeaderStyles: (cardToken: CardTokenType) => React.CSSProperties; /** * Gets body title styles (shared across all variants) */ export declare const getBodyTitleStyles: (cardToken: CardTokenType) => React.CSSProperties; /** * Gets body content styles (shared across all variants) */ export declare const getBodyContentStyles: (cardToken: CardTokenType) => React.CSSProperties; /** * Gets body container styles for default card */ export declare const getBodyStyles: (cardToken: CardTokenType) => React.CSSProperties; /** * Gets spacing between header elements for a specific variant */ export declare const getHeaderSpacing: (cardToken: CardTokenType) => string; /** * Gets gap for sub header (replaced marginTop with gap) */ export declare const getHeaderMarginBottom: (hasSubHeader: boolean, cardToken: CardTokenType) => string; /** * Gets gap for elements after sub header (using body elements spacing) */ export declare const getSubHeaderMarginBottom: (cardToken: CardTokenType, variant: CardVariant) => string; /** * Gets gap for body elements (using body elements spacing) */ export declare const getBodySlot1MarginBottom: (hasBodyTitle: boolean, cardToken: CardTokenType, variant: CardVariant) => string; /** * Gets gap between body title and content (using title to content spacing) */ export declare const getBodyTitleMarginBottom: (hasContent: boolean, cardToken: CardTokenType) => string; /** * Gets gap after content (using body elements spacing) */ export declare const getContentMarginBottom: (hasBodySlot2: boolean, cardToken: CardTokenType, variant: CardVariant) => string; /** * Gets gap before action button - Simple logic: 14px default, 24px for center-aligned */ export declare const getBodySlot2MarginBottom: (hasActionButton: boolean, _isInlineButton: boolean, cardToken: CardTokenType, centerAlign?: boolean) => string; /** * Gets custom card styles (simple wrapper with padding) */ /** * Determines if action button is inline type * Center-aligned cards use regular buttons, non-center-aligned use inline buttons */ export declare const isInlineActionButton: (_actionButton?: { subType?: ButtonSubType; }, centerAlign?: boolean) => boolean;