import React from 'react';
import { DefaultProps, Selectors } from '@mantine/core';
import { AspectRatioProps } from "../../mantine";
import { DataTrackingTypeHTMLElement } from "../../../interfaces/types";
import { Article } from "../../../together/interfaces/types";
import useStyles, { ArticleCardStylesParams } from "./articleCard.styles";
type ArticleCardStylesNames = Selectors<typeof useStyles>;
export interface ArticleCardProps extends DefaultProps<ArticleCardStylesNames, ArticleCardStylesParams> {
    article: Article;
    author: React.ReactNode;
    authorAvatar: string;
    badge?: string;
    bannerImageWrapProps?: Partial<AspectRatioProps>;
    hideDescription?: boolean;
    isBookmarked?: boolean;
    onBookmark?(): void;
    time: string;
    tracking?: {
        bookmark: DataTrackingTypeHTMLElement;
    } | null;
    variant?: 'vertical' | 'horizontal';
    size?: 'lg' | 'md' | 'sm';
}
export declare const ArticleCard: ({ variant, ...rest }: ArticleCardProps) => React.JSX.Element;
export {};
