@hhgtech/hhg-components
Version:
Hello Health Group common components
49 lines (48 loc) • 2.27 kB
TypeScript
import React, { CSSProperties } from 'react';
export type Props = {
banner: JSX.Element;
title: string;
text: string;
avatarImg: JSX.Element;
direction?: 'vertical' | 'horizontal';
size?: 'sm' | 'lg' | 'md';
type?: 'author' | 'expert';
section?: 'home' | 'normal';
authorName: React.ReactNode;
authorLink?: string;
specialty?: string;
uploadTime: string;
categoryName?: string;
categoryLink?: string;
articleLink?: string;
isBookmarkDisplayed?: boolean;
onBookmark?: () => void;
isBookmark?: boolean;
hasAffiliate?: boolean;
hasButton?: boolean;
textButton?: string;
isMobile?: boolean;
styleBanner?: CSSProperties;
styleLabel?: CSSProperties;
styleTitle?: CSSProperties;
style?: CSSProperties;
className?: string;
dataEventCategoryForCategory?: string;
dataEventActionForCategory?: string;
dataEventLabelForCategory?: string;
dataEventCategoryForTitle?: string;
dataEventActionForTitle?: string;
dataEventLabelForTitle?: string;
dataEventCategoryForBanner?: string;
dataEventActionForBanner?: string;
dataEventLabelForBanner?: string;
dataEventCategoryForBookmark?: string;
dataEventActionForBookmark?: string;
dataEventLabelForBookmark?: string;
onClickCategoryName?: (e: React.MouseEvent) => void;
articleLinkTarget?: React.HTMLAttributeAnchorTarget;
isPremium?: boolean;
headingAs?: string;
};
declare const ArticleCard: ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction, hasAffiliate, isBookmark, isBookmarkDisplayed, isMobile, onBookmark, onClickCategoryName, section, size, specialty, style, styleBanner, styleLabel, styleTitle, text, title, type, uploadTime, articleLinkTarget, isPremium, headingAs, }: Props) => React.JSX.Element;
export { ArticleCard };