@hhgtech/hhg-components
Version:
Hello Health Group common components
26 lines (25 loc) • 1.05 kB
TypeScript
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 {};