/// <reference types="react" />
import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
import { Theme } from '../utils';
export declare type xAlignment = 'left' | 'center' | 'right';
export declare type yAlignment = 'top' | 'center' | 'bottom';
export declare type fileTypes = 'pdf' | 'word' | 'powerpoint' | 'excel';
export interface CardProps {
    id?: any;
    title?: any;
    titleFront?: any;
    titleBack?: any;
    titleIcon?: IconDefinition;
    theme?: Theme;
    titleTextColor?: string;
    contentTextColor?: string;
    primaryColor?: string;
    secondaryColor?: string;
    margin?: number | string;
    width?: number | string;
    maxWidth?: number | string;
    height?: number | string;
    contentPadding?: number | string;
    fontFamily?: string;
    isFlippable?: boolean;
    isFlipped?: boolean;
    allowFlipOnAnchor?: boolean;
    flipSeconds?: number;
    front?: any;
    frontIcon?: IconDefinition;
    back?: any;
    backIcon?: IconDefinition;
    xAlignment?: xAlignment;
    yAlignment?: yAlignment;
    titleXAlignment?: xAlignment;
    titleYAlignment?: yAlignment;
    titleFrontXAlignment?: xAlignment;
    titleFrontYAlignment?: yAlignment;
    titleBackXAlignment?: xAlignment;
    titleBackYAlignment?: yAlignment;
    contentXAlignment?: xAlignment;
    contentYAlignment?: yAlignment;
    contentFrontXAlignment?: xAlignment;
    contentFrontYAlignment?: yAlignment;
    contentBackXAlignment?: xAlignment;
    contentBackYAlignment?: yAlignment;
    xlColumns?: number;
    lgColumns?: number;
    mdColumns?: number;
    smColumns?: number;
    xsColumns?: number;
    xlSize?: number;
    lgSize?: number;
    mdSize?: number;
    smSize?: number;
    xsSize?: number;
    onClick?: (e?: React.MouseEvent<HTMLElement>) => any;
    frontActions?: JSX.Element;
    className?: string;
    fileCard?: boolean;
    fileType?: fileTypes;
}
export interface CardState {
    flipped: boolean;
    isHovered: boolean;
    windowSize: number;
}
export interface CardStyles {
    container: React.CSSProperties;
    card: React.CSSProperties;
    cardFlipped: React.CSSProperties;
    title: React.CSSProperties;
    front: React.CSSProperties;
    back: React.CSSProperties;
    content: React.CSSProperties;
}
