import * as React from 'react';
import '@vtmn/css-card/dist/index-with-vars.css';
import { VtmnCardVariant } from './types';
export interface VtmnCardProps extends React.ComponentPropsWithoutRef<'div'> {
    /**
     * The variant of the card
     * @defaultValue 'top-image'
     */
    variant?: VtmnCardVariant;
    /**
     * The title of the card
     */
    title: string;
    /**
     * The fullscreen property of the image
     * @defaultValue false
     */
    img?: React.ReactNode;
    /**
     * The fullscreen property of the image
     * @defaultValue false
     */
    fullImage?: boolean;
    /**
     * The opaque property of image,
     * only on card variant 'full-image'
     * @defaultValue false
     */
    contentOpaque?: boolean;
    /**
     * Heading level of the title
     * @defaultValue 2
     */
    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
    /**
     * The content to render inside the component.
     * @defaultValue undefined
     */
    children?: React.ReactNode;
}
export declare const VtmnCard: ({ variant, title, img, fullImage, contentOpaque, headingLevel, children, className, }: VtmnCardProps) => JSX.Element;
declare const MemoVtmnCard: React.MemoExoticComponent<({ variant, title, img, fullImage, contentOpaque, headingLevel, children, className, }: VtmnCardProps) => JSX.Element>;
export default MemoVtmnCard;