import { ProductCardActionsDirective } from '../directives/product-card-actions.directive';
import { ProductCardContentDirective } from '../directives/product-card-content.directive';
import { ProductCardHeaderDirective } from '../directives/product-card-header.directive';
import * as i0 from "@angular/core";
export declare const productCardContainer: (props?: ({
    shadow?: "none" | "primary" | null | undefined;
    height?: "fit" | "auto" | "full" | "min-content" | "max-content" | null | undefined;
    width?: "fit" | "auto" | "full" | "min-content" | "max-content" | null | undefined;
    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
    figurePosition?: "top" | "bottom" | "side" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type ProductCardContainerShadowProps = 'none' | 'primary' | null | undefined;
export type ProductCardContainerHeightProps = 'fit' | 'auto' | 'full' | 'min-content' | 'max-content' | null | undefined;
export type ProductCardContainerWidthProps = 'fit' | 'auto' | 'full' | 'min-content' | 'max-content' | null | undefined;
export type ProductCardContainerSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | null | undefined;
export type ProductCardContainerFigurePositionProps = 'top' | 'bottom' | 'side' | null | undefined;
export declare const productCardFigure: (props?: ({
    figureBackground?: "none" | "primary" | "image" | "secondary" | "warning" | "error" | "neutral" | null | undefined;
    figureAlignment?: "auto" | "center" | "start" | "end" | null | undefined;
    figurePaddingY?: "none" | "sm" | "md" | "lg" | null | undefined;
    figurePaddingX?: "none" | "sm" | "md" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type ProductCardFigureBackgroundProps = 'none' | 'image' | 'primary' | 'secondary' | 'warning' | 'error' | 'neutral' | null | undefined;
export type ProductCardFigureAlignmentProps = 'auto' | 'center' | 'start' | 'end' | null | undefined;
export type ProductCardFigurePaddingYProps = 'none' | 'sm' | 'md' | 'lg' | null | undefined;
export type ProductCardFigurePaddingXProps = 'none' | 'sm' | 'md' | 'lg' | null | undefined;
export type ProductCardVariantProps = {
    shadow?: ProductCardContainerShadowProps;
    height?: ProductCardContainerHeightProps;
    width?: ProductCardContainerWidthProps;
    size?: ProductCardContainerSizeProps;
    figureBackground?: ProductCardFigureBackgroundProps;
    figurePosition?: ProductCardContainerFigurePositionProps;
    figureAlignment?: ProductCardFigureAlignmentProps;
    figurePaddingY?: ProductCardFigurePaddingYProps;
    figurePaddingX?: ProductCardFigurePaddingXProps;
};
export declare const productCardComponent: ({ shadow, height, width, size, figureBackground, figurePosition, figureAlignment, figurePaddingY, figurePaddingX, }?: ProductCardVariantProps) => string;
export declare class ProductCardComponent {
    shadow: import("@angular/core").InputSignal<ProductCardContainerShadowProps>;
    height: import("@angular/core").InputSignal<ProductCardContainerHeightProps>;
    width: import("@angular/core").InputSignal<ProductCardContainerWidthProps>;
    size: import("@angular/core").InputSignal<ProductCardContainerSizeProps>;
    figurePosition: import("@angular/core").InputSignal<ProductCardContainerFigurePositionProps>;
    figureBackground: import("@angular/core").InputSignal<ProductCardFigureBackgroundProps>;
    figureAlignment: import("@angular/core").InputSignal<ProductCardFigureAlignmentProps>;
    figurePaddingY: import("@angular/core").InputSignal<ProductCardFigurePaddingYProps>;
    figurePaddingX: import("@angular/core").InputSignal<ProductCardFigurePaddingXProps>;
    titleClasses: import("@angular/core").InputSignal<string>;
    actionsClasses: import("@angular/core").InputSignal<string>;
    image: import("@angular/core").InputSignal<{
        src: string;
        alt: string;
    } | undefined>;
    icon: import("@angular/core").InputSignal<string | undefined>;
    fallbackIcon: string;
    header: import("@angular/core").Signal<ProductCardHeaderDirective | undefined>;
    content: import("@angular/core").Signal<ProductCardContentDirective | undefined>;
    actions: import("@angular/core").Signal<ProductCardActionsDirective | undefined>;
    containerClass: import("@angular/core").Signal<string>;
    figureClass: import("@angular/core").Signal<string>;
    titleClass: import("@angular/core").Signal<string>;
    actionsClass: import("@angular/core").Signal<string>;
    static ɵfac: i0.ɵɵFactoryDeclaration<ProductCardComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ProductCardComponent, "st-product-card", never, { "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "figurePosition": { "alias": "figurePosition"; "required": false; "isSignal": true; }; "figureBackground": { "alias": "figureBackground"; "required": false; "isSignal": true; }; "figureAlignment": { "alias": "figureAlignment"; "required": false; "isSignal": true; }; "figurePaddingY": { "alias": "figurePaddingY"; "required": false; "isSignal": true; }; "figurePaddingX": { "alias": "figurePaddingX"; "required": false; "isSignal": true; }; "titleClasses": { "alias": "titleClasses"; "required": false; "isSignal": true; }; "actionsClasses": { "alias": "actionsClasses"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, ["header", "content", "actions"], never, true, never>;
}