import React, { FC } from 'react';
import { MediaPropsType } from '../../util/externalClasses';
import { FrameExtensionUnionType, RadiusSizesType, SizeType, TextColorType } from '../../util/global-props';
import './card.component.scss';
export declare type CardPropsType = {
    children?: React.ReactNode | string;
    className?: string;
    id?: string;
    style?: React.CSSProperties;
    row?: boolean;
    align?: 'center' | 'right' | 'left' | 'stretch' | 'space-between' | 'space-around';
    valign?: 'top' | 'center' | 'bottom' | 'stretch';
    frame?: FrameExtensionUnionType;
    color?: TextColorType;
    padding?: SizeType;
    margin?: SizeType;
    fullWidth?: boolean;
    fullHeight?: boolean;
    maxWidth?: string;
    radius?: RadiusSizesType;
    overflow?: 'hidden' | 'scroll' | 'visible';
    flex?: number | string;
    media?: React.ReactNode;
    mediaBefore?: boolean;
    styles?: React.CSSProperties;
    innerRef?: React.Ref<HTMLDivElement>;
    onClick?: React.EventHandler<React.MouseEvent<HTMLDivElement, PointerEvent>>;
    onMouseDown?: React.EventHandler<React.MouseEvent<HTMLDivElement, PointerEvent>>;
    onMouseLeave?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;
    onMouseEnter?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;
    hide?: MediaPropsType;
    xsm?: CardPropsType;
    sm?: CardPropsType;
    md?: CardPropsType;
    lg?: CardPropsType;
};
export declare const Card: FC<CardPropsType>;