import * as i0 from "@angular/core";
/**
* @internal
* Generates base card classes with style variants
*/
export declare const cardComponent: (props?: ({
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Possible card container size variants */
export type CardContainerSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | null | undefined;
/** Possible card image orientation options */
export type CardImageOrientationProps = 'vertical' | 'horizontal';
/** Possible card image alignment options */
export type CardImageAlignmentProps = 'start' | 'end';
/** Configuration object for card styling variants */
export type CardProps = {
size?: CardContainerSizeProps;
border?: boolean;
image?: string | null;
imageAlt?: string;
imageOrientation?: CardImageOrientationProps;
imageAlignment?: CardImageAlignmentProps;
imageAsBackground?: boolean;
shadow?: boolean;
glass?: boolean;
dash?: boolean;
block?: boolean;
};
/**
* A customizable card component with multiple layout and styling options
*
* @remarks
* Built with Tailwind CSS and class-variance-authority for style management.
* Supports various sizes, image configurations, and decorative styles.
*
* @example
* ```html
*
* Card Title
* Card content
*
* ```
*/
export declare class CardComponent {
/**
* Card container size variant
* @defaultValue 'md'
*/
size: import("@angular/core").InputSignal;
/**
* Show border around card
* @defaultValue false
*/
border: import("@angular/core").InputSignal;
/**
* Image source URL
*/
image: import("@angular/core").InputSignal;
/**
* Alt text for card image
* @defaultValue 'card image'
*/
imageAlt: import("@angular/core").InputSignal;
/**
* Orientation of card image
* @defaultValue 'vertical'
*/
imageOrientation: import("@angular/core").InputSignal;
/**
* Alignment of card image
* @defaultValue 'start'
*/
imageAlignment: import("@angular/core").InputSignal;
/**
* Use image as full background
* @defaultValue false
*/
imageAsBackground: import("@angular/core").InputSignal;
/**
* Add drop shadow
* @defaultValue false
*/
shadow: import("@angular/core").InputSignal;
/**
* Glass effect styling
* @defaultValue false
*/
glass: import("@angular/core").InputSignal;
/**
* Dashed border style
* @defaultValue false
*/
dash: import("@angular/core").InputSignal;
/**
* Full-width card
* @defaultValue false
*/
block: import("@angular/core").InputSignal;
/**
* @internal
* Computed class string for the card container
*/
componentClass: import("@angular/core").Signal;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}